{# Children: <div class="ui-menu-label">, <div class="ui-menu-sep" role="separator"></div>, <a class="ui-menu-item" role="menuitem" href>icon text <span class="ui-menu-shortcut"></span></a>, or <form><button class="ui-menu-item" role="menuitem"></form>; data-variant="destructive", data-inset with <span class="ui-menu-indicator"> for check items, aria-disabled="true". #}
<.dropdown_menu id="account-menu" label="Open menu">
<div class="ui-menu-label">My account</div>
<div class="ui-menu-sep" role="separator"></div>
<a class="ui-menu-item" role="menuitem" href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="8" r="4"/><path d="M20 21a8 8 0 0 0-16 0"/></svg>Profile<span class="ui-menu-shortcut">⇧⌘P</span></a>
<a class="ui-menu-item" role="menuitem" href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M2 10h20"/></svg>Billing<span class="ui-menu-shortcut">⌘B</span></a>
<a class="ui-menu-item" role="menuitem" href="#"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 21v-7"/><path d="M4 10V3"/><path d="M12 21v-9"/><path d="M12 8V3"/><path d="M20 21v-5"/><path d="M20 12V3"/><path d="M1 14h6"/><path d="M9 8h6"/><path d="M17 16h6"/></svg>Settings<span class="ui-menu-shortcut">⌘S</span></a>
<div class="ui-menu-sep" role="separator"></div>
<div class="ui-menu-item" role="menuitemcheckbox" aria-checked="true" data-inset><span class="ui-menu-indicator"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></span>Show status bar</div>
<div class="ui-menu-item" role="menuitem" aria-disabled="true"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>API</div>
<div class="ui-menu-sep" role="separator"></div>
<form method="post" action="#"><button class="ui-menu-item" role="menuitem" data-variant="destructive"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2"/></svg>Delete account</button></form>
<form method="post" action="#"><button class="ui-menu-item" role="menuitem"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="m16 17 5-5-5-5"/><path d="M21 12H9"/></svg>Log out<span class="ui-menu-shortcut">⇧⌘Q</span></button></form>
</.dropdown_menu>