Menubar

A persistent row of menus, the desktop-application pattern — Agent, Edit, View. Arrow keys move between menus once one is open.

tsx

1import {
2  Menubar,
3  MenubarMenu,
4  MenubarTrigger,
5  MenubarContent,
6  MenubarItem,
7  MenubarSeparator,
8  MenubarShortcut,
9} from "@pestoui/core"

Application menus

Each MenubarMenu pairs one trigger with one content panel. Radio and checkbox items work as they do in Dropdown Menu.

Props

Prop	Type	Default	Description
value / onValueChange	string / (value: string) => void	—	On Menubar. Controls which menu is open; each MenubarMenu can carry a matching value.
align	"start" \| "center" \| "end"	"start"	On MenubarContent. Alignment against its trigger.
alignOffset / sideOffset	number	-4 / 8	On MenubarContent. Offsets from the trigger, in px.
variant	"default" \| "destructive"	"default"	On MenubarItem.
inset	boolean	—	On MenubarItem, MenubarLabel, MenubarSubTrigger, MenubarCheckboxItem and MenubarRadioItem. Indents the row to line up with rows that carry an indicator.

PreviousLegend List Next Message Bubble

Pesto UI · 117 documented components