User Story #90
Updated by Bricklou 11 days ago
Implement a comprehensive component In order to pursue further development, the design system library for the Design System that includes all required UI components for developers to build interfaces efficiently. need more components. ## Requirements ### Action Components - Action Components - [x] Dropdown ([Daisy UI Doc](https://daisyui.com/components/dropdown/#method-2-popover-api-and-anchor-positioning-new)) - [x] Modal ### ([Daisy UI Doc](https://daisyui.com/components/modal/#method-1-html-dialog-element-recommended)) - Data Display Components components - [x] Accordion ([Daisy UI Doc](https://daisyui.com/components/accordion/)) - [x] Badge ([Daisy UI Doc](https://daisyui.com/components/badge/)) - [x] Card ([Daisy UI Doc](https://daisyui.com/components/card/)) - [x] Kbd ([Daisy UI Doc](https://daisyui.com/components/kbd/)) - [x] Status ### Navigation Components ([Daisy UI Doc](https://daisyui.com/components/status/)) - Navigation components - [x] Breadcrumbs ([Daisy UI Doc](https://daisyui.com/components/breadcrumbs/)) - [x] Pagination ([Daisy UI Doc](https://daisyui.com/components/pagination/)) - [x] Steps ([Daisy UI Doc](https://daisyui.com/components/steps/)) - [ ] Tabs ([Daisy UI Doc](https://daisyui.com/components/tab/)) - [ ] Menu ### Feedback Components ([Daisy UI Doc](https://daisyui.com/components/menu/)) - Feedback components - [x] Alert ([Daisy UI Doc](https://daisyui.com/components/alert/)) - [x] Loading ([Daisy UI Doc](https://daisyui.com/components/loading/)) - [x] Progress ([Daisy UI Doc](https://daisyui.com/components/progress/)) - [ ] Skeleton ([Daisy UI Doc](https://daisyui.com/components/skeleton/)) - [ ] Toast ([Daisy UI Doc](https://daisyui.com/components/toast/)) - [ ] Tooltip ### Data Input Components ([Daisy UI Doc](https://daisyui.com/components/tooltip/)) - Data input components - [ ] Checkbox ([Daisy UI Doc](https://daisyui.com/components/checkbox/)) - [ ] Fieldset ([Daisy UI Doc](https://daisyui.com/components/fieldset/)) - [ ] File Input ([Daisy UI Doc](https://daisyui.com/components/file-input/)) - [ ] Label - [ ] Radio ([Daisy UI Doc](https://daisyui.com/components/radio/)) - [ ] Select ([Daisy UI Doc](https://daisyui.com/components/select/)) (using the experimental select CSS css customization) - [ ] Text Input ([Daisy UI Doc](https://daisyui.com/components/input/)) - [ ] Textarea ([Daisy UI Doc](https://daisyui.com/components/textarea/)) - [ ] Toggle ([Daisy UI Doc](https://daisyui.com/components/toggle/)) - [ ] Validator (CSS for ([Daisy UI Doc](https://daisyui.com/components/validator/)) (just the CSS to simplify dev works to render validation errors) ### Layout Components - Layout components - [ ] Divider ([Daisy UI Doc](https://daisyui.com/components/divider/)) - [ ] Drawer sidebar ([Daisy UI Doc](https://daisyui.com/components/drawer/#responsive-collapsible-icon-only-drawer-sidebar-using-is-drawer-close-and-is-drawer-open)) - [ ] Indicator ([Daisy UI Doc](https://daisyui.com/components/indicator/)) - [ ] Context Menu (for inspiration only [Shadcn](https://ui.shadcn.com/docs/components/radix/context-menu)) - [ ] Field ## Acceptance Criteria - All components are properly documented - Components are accessible and responsive - Components follow Design System guidelines - All components are tested and functional (for inspiration only [Shadcn](https://ui.shadcn.com/docs/components/radix/field))