DaisyUI components

List of available components from DaisyUI

Actions

Component	Description
Button	Buttons allow the user to take actions or make choices.
Dropdown	Dropdown can open a menu or any other element when the button is clicked.
Modal	Modal is used to show a dialog or a box when you click a button.
Swap	Swap allows you to toggle the visibility of two elements using a checkbox or a class name.

Component	Description
Accordion	Accordion is used for showing and hiding content but only one item can stay open at a time.
Avatar	Avatars are used to show a thumbnail representation of an individual or business in the interface.
AvatarGroup	Stack avatars together
Badge	Badges are used to inform the user of the status of specific data.
Card	Cards are used to group and display content in a way that is easily readable.
ChatBubble	Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.
Countdown	Countdown gives you a transition effect when you change a number between 0 to 99.
Kbd	Kbd is used to display keyboard shortcuts.
List	List is a vertical layout to display information in rows.
Stat	Stat is used to show numbers and data in a block.
Stats	Group multiple Stat components together.
Table	Table can be used to show a list of data in a table format.

Component	Description
Breadcrumbs	Breadcrumbs helps users to navigate through the website.
Link	Link adds the missing underline style to links.
Menu	Menu is used to display a list of links vertically or horizontally.
Navbar	Navbar is used to show a navigation bar on the top of the page.
Pagination	Pagination is a group of buttons that allow the user to navigate between a set of related content.
Steps	Steps can be used to show a list of steps in a process.
Tabs	Tabs can be used to show a list of links in a tabbed format.

Component	Description
Alert	Alert informs users about important events.
Loading	Loading shows an animation to indicate that something is loading.
Progress	Progress bar can be used to show the progress of a task or to show the passing of time.
Toast	Toast is a wrapper to stack elements, positioned on the corner of page.
Tooltip	Tooltip can be used to show a message when hovering over an element.

Component	Description
Checkbox	Checkboxes are used to select or deselect a value.
Fieldset	Fieldset is a container for grouping related form elements. It includes fieldset-legend as a title and label as a description.
FileInput	File Input is a an input field for uploading files.
Filter	Filter is a group of radio buttons. Choosing one of the options will hide the others and shows a reset button next to the chosen option.
Input	Text Input is a simple input field.
InputLabel	Label for input element
Label	Label is used to provide a name or title for an input field. Label can be placed before or after the field.
LabeledCheckbox	A checkbox wrapped in a label
LabeledToggle	A Toggle wrapped in a label
Radio	Radio buttons allow the user to select one option from a set.
Range	Range slider is used to select a value by sliding a handle.
Rating	Rating is a set of radio buttons that allow the user to rate something.
Select	Select is used to pick a value from a list of options.
Textarea	Textarea allows users to enter text in multiple lines.
Toggle	Toggle is a checkbox that is styled to look like a switch button.

Component	Description
Divider	Divider will be used to separate content vertically or horizontally.
Drawer	Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.
Footer	Footer can contain logo, copyright notice, and links to other pages.
FooterNav
Indicator	Indicators are used to place an element on the corner of another element.
Join	Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.
Stack	Stack visually puts elements on top of each other.