User Story #90
Updated by Bricklou 11 days ago
When implementing the Design System, we need to create a comprehensive component library. What: Implement a wide variety of pre-made components for the Design System Why: To enable developers to easily build interfaces without having to create components from scratch In order to pursue further development, the design system library needs need more components. Components: 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 - [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 - [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 - [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 - [ ] 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 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 validation errors) - 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 (for inspiration only [Shadcn](https://ui.shadcn.com/docs/components/radix/field))