Menubar

A headless menubar primitive providing the behavioral foundation for horizontal desktop-style menu bars. Manages menu state, cross-menu navigation, keyboard navigation via JS interop, type-ahead search, and ARIA attributes — without any default styling.

Unstyled Menubar

A basic headless menubar with multiple menus. This primitive provides all the behavior (keyboard navigation, ARIA, open/close state) without any styling — you bring your own CSS. Use the styled BbMenubar component from the Components library for pre-built Tailwind styles.

Anatomy

<BbMenubar>
    <BbMenubarMenu>
        <BbMenubarTrigger />
        <BbMenubarContent>
            <BbMenubarLabel />
            <BbMenubarItem />
            <BbMenubarCheckboxItem />
            <BbMenubarSeparator />
        </BbMenubarContent>
    </BbMenubarMenu>
</BbMenubar>