Menu

Menu — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

• Use it when A list of actions triggered from a button.
• Reach for something else when Choosing a form value — use Select.

Accessibility

Focus is trapped while open and restored to the trigger on close. Esc dismisses. The surface is labelled by its title (aria-labelledby) and marked role="dialog" / aria-modal.

Import

const { Menu } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
label	string	—	Fallback trigger label if trigger is not supplied.
trigger	React.ReactNode	—	Custom trigger node (e.g. an IconButton).
items	MenuItemSpec[]	Yes
align	"start" | "end"	—