Menu
A container component for displaying a list of menu items in a dropdown or popover style interface. Typically used with MenuItem components to create interactive navigation menus.
Overview
No visual options. See Props for what it accepts.
All options
Width
Without a width the menu sizes to its content; pass a number (px) or any CSS width string.
| content \ width | auto | 200 | 300 |
|---|---|---|---|
| menu |
Examples
Basic menu
Menu with selected item
Menu with custom width
Static menu
Menu components can also be displayed statically without requiring user interaction.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
| children | React.ReactNode | Yes | — |
| width | number | string | No | — |
| className | string | No | — |