Menu

A minimal pop-over Menu: a Button trigger and a handful of plain Menu.Item rows. The baseline shape every richer menu builds on.

interactionsimple

Menu

A minimal pop-over Menu: a Button trigger and a handful of plain Menu.Item rows. The baseline shape every richer menu builds on.

Loading interactive preview

Dense context menu

A realistic right-click menu: many rows split into Menu.Group sections with a nested Menu.Sub for export formats, shortcut hints throughout, and a destructive action last.

Menu with icons and shortcuts

Adds structure to the basic menu: a Menu.Label section header, Menu.Separator dividers, leading icons, Menu.Shortcut key hints, and a destructive item set apart at the end.

Loading interactive preview

Menu with selection

A stateful view menu combining controlled Menu.CheckboxItem toggles with a Menu.RadioGroup of sort options, so the panel reflects and updates React state.

Loading interactive preview