Overlays · §10.3

Menu

A list of actions from a button.

Theme
Contrast
Language
Motion
Text size

Code

<DropdownMenu><DropdownMenuTrigger>…</DropdownMenuTrigger><DropdownMenuContent>…</DropdownMenuContent></DropdownMenu>

Accessibility

  • Arrow keys, type-ahead and shortcuts listed next to items.

Usage

Do

  • Staff actions such as "Update status".

Don't

  • Menus never hide the only path to an action.

Platforms

Web
apps/web/components/ui/dropdown-menu.tsx
iOS
SwiftUI Menu
Android
Compose DropdownMenu