Menubar
Desktop application menubar with item-radius chrome, panel-radius dropdowns, and eyebrow-styled group headers.
Use Menubar for desktop-style command groups that must remain visible across a workspace. The outer bar uses the item radius, while dropdowns retain the panel radius. Header items use the shared eyebrow typography recipe.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
label | string | prop | No | undefined |
menus | MenubarMenu[] | prop | Yes | |
onSelect | (item: MenuAction) => void | callback | No | undefined |
Source
Loading source