A menu executes commands (navigate, sign out, toggle settings) rather than storing a selected value.
Use when clicking an item triggers an action immediately, and no value is stored in a form.
The trigger is not a select box; it's typically an avatar, icon button, or kebab icon.
anatomy
|
Part |
Description |
|---|---|
|
Trigger |
Text, buttons, avatar, or contextual element |
|
Dropdown panel |
Popover container for action items |
|
Menu item |
Text + optional leading icon to reinforce meaning |
|
Section header (Optional) |
Label for grouped items |
|
Divider (Optional) |
Separator between action groups |