컴포넌트 \ 지원 | 기능 | 디자인 | 접근성 | 테스트 코드 | 스토리북 | 사용/배포 |
---|---|---|---|---|---|---|
<KButton /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KTextField /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KIcon /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KSelect /> |
✅ | ✅ | ✅ | ✅ | ✅ | |
<KCheckbox /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KCheckboxGroup /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KDropHolder /> |
✅ | ✅ | ✅ | ✅ | ✅ | |
<KRadio /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KChip /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KSwitch /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KCard /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
<KAccordion /> |
✅ | ✅ | ✅ | ✅ | ||
<KModal /> |
✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
🏃🏻♂️.. | ✨ | ✨ | ✨ | ✨ | ✨ | ✨ |
✅ Good
npm install kku-ui
yarn add kku-ui
// Entry Point 🏃🏻♂️
import 'kku-ui/lib/styles/index.css'
import { KButton } from 'kku-ui'
export default function Component() {
return (<KButton primary label="Hello World!" />);
}