Navigation

Dropdown menu

a details element with a menu panel. closes on outside click.

new

Examples

<details class="dropdown">
  <summary class="btn">Actions</summary>
  <div class="dropdown-panel">
    <p class="dropdown-label">Project</p>
    <button class="dropdown-item" type="button">Edit <span class="kbd">E</span></button>
    <button class="dropdown-item" type="button">Invite again</button>
    <div class="dropdown-sep"></div>
    <button class="dropdown-item danger" type="button">Delete</button>
  </div>
</details>

Classes

Class	What it does
`.dropdown`	relative wrapper (details)
`.dropdown-panel`	floating menu
`.dropdown-item`	40px mono row
`.dropdown-label / .dropdown-sep`	group label and divider