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

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

Edit this page on GitHub

Sponsors

Make your React site visually editable

Become a sponsor

Sponsors

Make your React site visually editable

Become a sponsor