Preview
Hover over the button to open menu
<div class="dropdown dropdown-default dropdown-hover" data-position="bottom-left">
<button class="dropdown-trigger dropdown-btn-solid" aria-haspopup="true" aria-expanded="false">
<span>Menu</span>
<svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<ul class="dropdown-menu dropdown-animate-fade" role="menu">
<li class="dropdown-item" role="menuitem"><a href="#"><span class="dropdown-icon">icon</span><span>Dashboard</span></a></li>
<li class="dropdown-item" role="menuitem"><a href="#"><span class="dropdown-icon">icon</span><span>Profile</span></a></li>
<li class="dropdown-divider" role="separator"></li>
<li class="dropdown-item" role="menuitem"><a href="#"><span class="dropdown-icon">icon</span><span>Settings</span></a></li>
<li class="dropdown-item" role="menuitem"><a href="#"><span class="dropdown-icon">icon</span><span>Help</span></a></li>
<li class="dropdown-item" role="menuitem"><a href="#"><span class="dropdown-icon">icon</span><span>Logout</span></a></li>
</ul>
</div>