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.