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

Method 1: using details and summary tags

Method 2: Using CSS focus

We can't use <button> here because Safari has a bug that prevents the button from being focused.
<div role="button" tabindex="0"> is a workaround for this bug.
It is accessible and works in all browsers.