---
url: https://brand.okrado.com/patterns/menu/
title: Menu
description: A list of actions opened from a button, with checkbox and radio items.
kind: reference
owner: hmdmsd
updated: 2026-11-03
review_by: 2027-02-28
audience:
  - designer
  - developer
  - agent
---

# Menu

> A list of actions opened from a button, with checkbox and radio items.

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.

## Behaviour

Read from the component manifest, so this is the component’s own contract. See [Overlays](https://brand.okrado.com/patterns/overlays/) for layers, stacking and dismissal shared by all layers.

### `Menu`

| Stage         | stable                                                                                                   |
| ------------- | -------------------------------------------------------------------------------------------------------- |
| Accessibility | - `role="menu"` with roving focus: arrow keys, Home/End, typeahead, Escape returns focus to the trigger. |
| Docs          | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs)                       |

### `MenuContent`

| Stage | stable                                                                             |
| ----- | ---------------------------------------------------------------------------------- |
| Docs  | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |

### `MenuTrigger`

| Stage | stable                                                                             |
| ----- | ---------------------------------------------------------------------------------- |
| Docs  | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |

### `MenuItem`

| Stage         | stable                                                                             |
| ------------- | ---------------------------------------------------------------------------------- |
| Accessibility | - `role="menuitem"`; activating it closes the menu.                                |
| Docs          | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |

### `MenuCheckboxItem`

| Stage         | beta                                                                               |
| ------------- | ---------------------------------------------------------------------------------- |
| Accessibility | - `role="menuitemcheckbox"` with `aria-checked`; Space or Enter toggles it.        |
| Docs          | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |

### `MenuRadioGroup`

| Stage         | beta                                                                               |
| ------------- | ---------------------------------------------------------------------------------- |
| Accessibility | - `role="group"` of `menuitemradio`; arrow keys move, Space or Enter selects.      |
| Docs          | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |

### `MenuRadioItem`

| Stage         | beta                                                                               |
| ------------- | ---------------------------------------------------------------------------------- |
| Accessibility | - `role="menuitemradio"` with `aria-checked`.                                      |
| Docs          | [Storybook](https://brand.okrado.com/components/?path=/docs/primitives-menu--docs) |