Dropdown

A menu built on the same native popover primitive.

Source: src/stylus/components/dropdown.styl

Action menu

Put .dropdown-trigger on the control that owns the menu — it declares the anchor the menu positions against. Items reuse .command-item so menus and palettes stay consistent.

<button type="button" class="button secondary sm dropdown-trigger" popovertarget="doc-dropdown">Actions</button>
<div id="doc-dropdown" popover class="dropdown">
  <button type="button" class="command-item">Duplicate</button>
  <button type="button" class="command-item">Archive</button>
  <button type="button" class="command-item">Delete</button>
</div>