# ContextMenu

Right-click action menu with consumer-owned trigger styling and eyebrow-styled group headers.

Use ContextMenu for actions tied to a specific region when a conventional menu trigger would add clutter. Apply delegated trigger props to one real target element. Use a native focusable element, or add the correct role and `tabindex="0"` to a custom target so keyboard users can reach it. ContextMenu does not style target typography. Apply a semantic utility such as `bd-body`. Header items use the shared eyebrow typography recipe.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `items` | `MenuItem[]` | prop | Yes | - | Same declarative model as Menu. |
| `onSelect` | `(item: MenuAction) => void` | callback | No | `undefined` | Fired when any action row is chosen, after its own `onSelect`. |
| `trigger` | `Snippet<[Record<string, unknown>]>` | snippet | Yes | - | Consumer-owned region that receives context-menu trigger props. |

## Related

- [CommandPalette](/docs/components/command-palette): Searchable command dialog with grouped results.
- [Modal](/docs/components/modal): Dialog or confirmation modal selected with a required kind and delegated trigger.
- [Sheet](/docs/components/sheet): Edge-anchored dialog panel with optional body padding.