Reference
Menubar
A desktop-style menu bar: a row of quiet ghost triggers, each opening the same paper vessel as the menu family. The triggers are our own buttons grafted onto the menu machine's trigger via `asChild` — the machine keeps the trigger element (positioning, focus restore, `data-state`) while the element wears the menubar scope. The popups keep the menu parts untouched, so the menu stylesheet dresses them. Keyboard note: the triggers move between each other with Tab, not arrow keys — cross-menu arrow traversal is out of scope for this version. Inside an open menu the machine handles arrows and Escape.
Item · Root · Trigger
#Menubar
A desktop-style menu bar: a row of quiet ghost triggers, each opening
the same paper vessel as the menu family. The triggers are our own
buttons grafted onto the menu machine's trigger via asChild — the
machine keeps the trigger element (positioning, focus restore,
data-state) while the element wears the menubar scope. The popups
keep the menu parts untouched, so the menu stylesheet dresses them.
Keyboard note: the triggers move between each other with Tab, not arrow keys — cross-menu arrow traversal is out of scope for this version. Inside an open menu the machine handles arrows and Escape.
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array as PropType<MenubarGroup[]> | () => [] | — |
onSelect | Function as PropType<(value: string) => void> | undefined | — |