Menu
stableclientradix dropdown-menu
A list of actions from a trigger. Not navigation, and not a form control — for choosing a value, use Select.
With a destructive item
<Menu trigger={<Button>Board actions</Button>}>
<MenuLabel>Board</MenuLabel>
<MenuItem shortcut="⌘E">Edit details</MenuItem>
<MenuSeparator />
<MenuItem danger>Delete board</MenuItem>
</Menu>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| trigger* | ReactNode | — | What opens it. |
| danger | boolean | — | On MenuItem. Highlights in the signal colour. |
| shortcut | string | — | On MenuItem. Display only — bind the key yourself. |
Guidance
Do
- Put destructive items last, below a separator.
Don't
- Don't use a menu for navigation between pages — those should be real links.
Accessibility
Typeahead, arrow keys, Home and End all work. Escape closes and returns focus.
The shortcut text is display only — it does not register a key binding.