A menu lists actions or choices for one object. Items are short verbs. Group related items and separate groups with a divider. A destructive item sits last and says what it does.
Read from the component manifest, so this is the component’s own contract. See Overlays for layers, stacking and dismissal shared by all layers.
| Stage | stable |
|---|
| Accessibility | role="menu" with roving focus: arrow keys, Home/End, typeahead, Escape returns focus to the trigger.
|
|---|
| Docs | Storybook |
|---|
| Stage | stable |
|---|
| Accessibility | role="menuitem"; activating it closes the menu.
|
|---|
| Docs | Storybook |
|---|
| Stage | beta |
|---|
| Accessibility | role="menuitemcheckbox" with aria-checked; Space or Enter toggles it.
|
|---|
| Docs | Storybook |
|---|
| Stage | beta |
|---|
| Accessibility | role="group" of menuitemradio; arrow keys move, Space or Enter selects.
|
|---|
| Docs | Storybook |
|---|
| Stage | beta |
|---|
| Accessibility | role="menuitemradio" with aria-checked.
|
|---|
| Docs | Storybook |
|---|
