Dropdown

Dropdown can open a menu or any other element when the button is clicked.

Class name
Type
dropdown Component Container element
dropdown-content Component Container for content
dropdown-end
Modifier
Aligns to end
dropdown-top
Modifier
Open from top
dropdown-bottom
Modifier
Open from bottom
dropdown-left
Modifier
Open from left
dropdown-right
Modifier
Open from right
dropdown-hover
Modifier
Opens on hover too
dropdown-open
Modifier
Force open
We use a <label tabindex="0"> instead of a <button> because Safari has a bug that prevents the button from being focused.
Using tabindex="0" is required so the dropdown can be focused.
# Force open
# Card as dropdown
# Helper dropdown
A normal text and a helper dropdown
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective