PPudding(뿌-딩) 은 React 기반 UI 컴포넌트 라이브러리입니다.
접근성(ARIA), 키보드 내비게이션, 문서화 등 실무에서 자주 간과되는 요소들을 학습하고, 실제 배포 가능한 형태로 제작하는 것을 목표로 시작한 프로젝트입니다.
ARIA 속성과 키보드 내비게이션을 직접 구현하며 접근성 이해도를 높였습니다.
다양한 UI 라이브러리를 참고해 재사용성과 일관성을 갖춘 컴포넌트를 구성했습니다.
각 컴포넌트를 문서화하고, GitHub Pages로 Storybook을 배포했습니다.
컴포넌트별 문서와 데모는 이미지를 클릭하면 바로 확인하실 수 있습니다.
| Accordion | Alert | Autocomplete |
|---|---|---|
|
|
|
| Button | Card | Checkbox |
|
|
|
| Chip | Date Picker | Dialog |
|
|
|
| Icon Button | List | Pagination |
|
|
|
| Radio | Select | Skeleton |
|
|
|
| Switch | Table | Tabs |
|
|
|
| Textarea | Textfield | Toggle Button |
|
|
|