Rebar UI

1.0

opinion

Menubar

A row of File, Edit and View style menus, like a desktop app.

Tideline menusLast choice: nothing yet
One menu
Long labels

In context

Desktop windowThe menu bar above the project list
Harbour rebrandBrand, due 24 Oct
On track
Tideline mobileProduct, due 7 Nov
Review
Crew interviewsResearch, due 17 Oct
Late
Rota exportOperations, due 10 Oct
Done

Props

PropTypeRequiredDefault
itemsMenubarMenu[]Yes—
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

data-rebar-* attributes

data-rebar-component="menubar", role="menubar" on the root; each trigger carries data-rebar-part="trigger", each open menu data-rebar-part="menu", with items/separators matching Dropdown's own convention.

Migrating to Ant Design

AntD has no direct Menubar primitive of its own — its closest analog is a Menu mode="horizontal" with nested SubMenus, which a migration would restructure items into.