Skip to content
Components

Menu

Commands on a trigger — the ⋯ on a card, the account menu, a table row's actions. The menu owns the keyboard; the caller owns the meaning.

Live

The keyboard contract

  • Arrow keys rove, Home and End jump, Escape closes and returns focus to the trigger, and the first item takes focus on open — the WAI-ARIA menu-button pattern, which is why this is a component and not a popover with buttons in it.
  • A menu item ACTS or NAVIGATES. Something that toggles state is a switch in a popover.
  • Destructive items take the danger ink and sit last — and the destructive action itself still confirms through a dialog.

Navigate

Esc