Dropdown
Dropdown menu component.
Usage
<div class="dropdown relative inline-flex"> <button id="dropdown-menu" type="button" class="dropdown-toggle btn" aria-haspopup="menu" aria-expanded="false" > Menu <span class="icon-[tabler--chevron-down] dropdown-open:rotate-180 size-4"></span> </button> <ul class="dropdown-menu dropdown-open:opacity-100 hidden min-w-60" role="menu" aria-labelledby="dropdown-menu" > <li><a class="dropdown-item" href="#">Profile</a></li> <li><a class="dropdown-item" href="#">Settings</a></li> <li><a class="dropdown-item" href="#">Logout</a></li> </ul></div>This is a pattern using FlyonUI classes rather than a standalone component.