@tech-friday/react-ui
v0.0.13
Published
This is a react-ui PET project.
Downloads
17
Maintainers
Readme
react-ui
PET Project
Figma Reference
Tech stack
- React
- Storybook
- Styled-component
- Type Script
Base Example
import { ReactEventHandler, ChangeEventHandler, useState } from 'react'
import { Button, TextInput } from '@tech-friday/react-ui'
const App = (): JSX.Element => {
const [text, setText] = useState<string>('')
const onClickHandler: ReactEventHandler = (e) => {
console.log(text)
}
const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {
setText(e.target.value)
}
return (
<form onSubmit={() => console.log(text)}>
<TextInput onChange={onChangeHandler} placeholder="Enter your text" />
<Button
label="Push me"
onClick={onClickHandler}
type="button"
/>
</form>
)
}
List implemented components from design
- Button
- Loader
- TextInput
- NumberInput
- PasswordInput