Binary Dreams UI Kit reference Menu

Menu

Dropdown action menu with declarative items and eyebrow-styled group headers.

Open Markdown Full LLM reference

Loading interactive example

Use Menu to place secondary actions behind one compact trigger. Use header items to group related actions. Group headers use the shared eyebrow typography recipe.

API

Member	Type	Kind	Required	Default
`children`	`Snippet`	snippet	No	`undefined`
`items`	`MenuItem[]`	prop	No	`[]`
`onOpenChange`	`(open: boolean) => void`	callback	No	`undefined`
`onSelect`	`(item: MenuAction) => void`	callback	No	`undefined`
`open`	`boolean`	binding	No	`false`
`sameWidth`	`boolean`	prop	No	`false`
`trigger`	`Snippet \| Snippet<[Record<string, unknown>]> \| undefined`	snippet	No	`undefined`
`triggerIcon`	`IconGlyph`	prop	No	`DotsThreeIcon`
`triggerLabel`	`string`	prop	No	`undefined`
`triggerMode`	`'delegated' \| 'legacy' \| never`	prop	No	`undefined`

Examples

Source

Loading source