Dropdown

A disclosure menu of actions or links.

Show the markup

<div class="cc-dropdown" data-cc-dropdown>
  <button class="cc-button cc-button--secondary" type="button" aria-expanded="false">Actions ▾</button>
  <div class="cc-dropdown__menu" hidden>
    <a href="#">View published page</a>
    <button type="button">Duplicate</button>
    <button type="button">Archive</button>
  </div>
</div>

Accessibility

A disclosure pattern — aria-expanded on the trigger, plain links/buttons inside. Simpler and more robust than role="menu" for web UIs.
Esc closes and returns focus; clicking or tabbing outside closes.
Menu items are full-width 44px targets.