Menubar
shadcn/ui
Persistent horizontal menu bar. Desktop app-style navigation with File, Edit, View menus.
@/components/ui/menubarFull demo — click any menu
sidebar: on · blockstream: off · density: comfortable
In context — ticket table toolbar
Tickets
6 tickets
Ticket table rows...
Sub-components
| Component | Role |
|---|---|
| Menubar | Root bar — horizontal container for all menus |
| MenubarMenu | Wraps one top-level menu (trigger + content pair) |
| MenubarTrigger | Clickable label that opens the dropdown |
| MenubarContent | Dropdown panel of items |
| MenubarItem | Standard action item |
| MenubarCheckboxItem | Toggleable item with checkmark |
| MenubarRadioGroup | Group of mutually exclusive radio items |
| MenubarRadioItem | Single radio option inside a RadioGroup |
| MenubarLabel | Non-interactive section label |
| MenubarSeparator | Horizontal divider between item groups |
| MenubarShortcut | Right-aligned keyboard shortcut hint |
| MenubarSub | Wraps a nested submenu |
| MenubarSubTrigger | Item that opens a submenu on hover |
| MenubarSubContent | Content panel for the nested submenu |
Menubar keeps one menu open at a time — hovering between triggers switches panels instantly without a click.
On this page