THEME
MOTION
HAPTIC
SOUND
MENU
Click-triggered dropdown of actions. Keyboard-navigable (ArrowUp/Down, Enter, Escape).
Live demo
Import
import { Menu } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
trigger | ReactNode | — | yes | Usually a Button or icon. |
items | Array<{label, onSelect, disabled?, shortcut?, kind?, divider?}> | — | yes | |
align | 'start'|'end' | start | — |
Examples
actions
<Menu trigger={<Button>MORE</Button>} items={[{label:"Edit",onSelect:doEdit,shortcut:"E"},{label:"Delete",kind:"danger",onSelect:doDelete}]} />Accessibility
Role: menu
- aria-haspopup + aria-expanded set automatically on trigger
Feedback
| Haptic | none |
| Sound | none |