0.0.18 • Published 1 year ago
@won-ui/core v0.0.18
won-ui
학습을 위한 ui library 입니다.
제작 의도
- 많이 사용하는 ui-library들은 어떻게 구성했는가를 고민하며 작성중입니다.
- turborepo를 통해서 모노레포 형태의 패키지로 이전했으며, 현재 이전 버전의 won-ui 컴포넌트들을 이전 중입니다. (select, layout ...)
Installation
npm install @won-ui/core
yarn add @won-ui/core
개발된 컴포넌트
- Button
- Checkbox
- Heading
- IconActivator
- Input
- InputBox
- Stack
- Switch
- Tag
- Text
- TextInput
- Pagination (^0.0.16)
- Modal
개발중인 컴포넌트
- Select
- Table
- Carousel
- Infinite Scroll
Tech
- turborepo
- React
- Typescript
- emotion
- storybook
- jest
- testing-library
- phosphor(icon library)
아래 Usage는 이전 버전의 won-ui 입니다.
import React from 'react';
import {
WonSelect,
WonSelectLabel,
WonSelectOptionItem,
WonSelectOptionList
} from '../components';
export default function ExampleComponent() {
const items = ['OPTION1 ', 'OPTION2 ', 'OPTION3 ', 'OPTION4 ', 'OPTION5 '];
const [selectItem, setSelectItem] = React.useState(items[0]);
const handleChangeItem = (value: string) => {
// ~~~~
setSelectItem(value);
}
return (
<WonSelect onChange={handleChangeItem} value={selectItem}>
<WonSelectLabel>{selectItem}</WonSelectLabel>
<WonSelectOptionList>
{items.map((optionValue) => (
<WonSelectOptionItem key={optionValue} value={optionValue}>
{optionValue}
</WonSelectOptionItem>
))}
</WonSelectOptionList>
</WonSelect>
);
}
0.0.18
1 year ago
0.0.17
1 year ago
0.0.16
1 year ago
0.0.15
1 year ago
0.0.14
1 year ago
0.0.13-test.0
1 year ago
0.0.13
1 year ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
0.0.0
2 years ago