User Story #90
Updated by Bricklou 11 days ago
In order ## Summary Implement a comprehensive component library for the Design System that includes all required UI components for developers to pursue further development, the design system library need more components. build interfaces efficiently. ## Components - Status ### 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 ([Daisy UI Doc](https://daisyui.com/components/status/)) - ### Navigation components 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 ([Daisy UI Doc](https://daisyui.com/components/menu/)) - ### Feedback components 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 ([Daisy UI Doc](https://daisyui.com/components/tooltip/)) - ### Data input components 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 ([Daisy UI Doc](https://daisyui.com/components/validator/)) (just the CSS to simplify dev works to render (CSS for validation errors) - ### Layout components 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 (for inspiration only [Shadcn](https://ui.shadcn.com/docs/components/radix/field)) ## Acceptance Criteria - All components are properly documented - Components are accessible and responsive - Components follow Design System guidelines - All components are tested and functional ## Notes This is a User Story for the Design System project, tracked under version 0.1.0.