Menubar
Desktop-style menu bar: left and right arrows travel between menus, each menu behaves like Menu.
Example
<Menubar label="Editor">
<Menu label="File menu">
<button slot="trigger" type="button" data-ink-menu-trigger>File</button>
<a role="menuitem" href="/components">Open library</a>
</Menu>
...
</Menubar>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | Main menu | Landmark name. |
Accessibility
- ArrowLeft/Right move between menu triggers; arrows inside menus work like
Menu. - Trigger buttons are 44px with visible focus.