| name | daisy-ui |
| description | Style components with daisy-ui. Use any time styled html components are used. |
Daisy UI is a Tailwind extension that uses class names for common UI components.
Guidelines
- Prefer daisyUI class names to Tailwind utility classes unless you have a specific reason not to.
- When creating a new UI component, check whether daisyUI already has a component for it.
- Load only the relevant reference/component file(s) for the current task.
References
- Installation:
references/installation.md
- Configuration:
references/configuration.md
- Colors:
references/colors.md
- Themes:
references/themes.md
Components
Component docs path pattern: references/components/<component>.md
Available components:
accordion, alert, avatar, badge, breadcrumbs, button, calendar, card, carousel, chat, checkbox, collapse
countdown, diff, divider, dock, drawer, dropdown, fab, fieldset, file-input, filter, footer, hero
hover-gallery, indicator, input, join, kbd, label, link, list, loading, mask, menu, mockup-browser
mockup-code, mockup-phone, mockup-window, modal, navbar, pagination, progress, radial-progress, radio, range, rating
select, skeleton, stack, stat, status, steps, swap, table, tab, textarea, theme-controller, timeline, toast, toggle, validator