Top-level navigation with nested menus.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152| Component | Props | Default | Description |
|---|---|---|---|
Menubar | className? | — | Root container for the menu bar |
MenubarMenu | — | — | Individual menu group container |
MenubarTrigger | className? | — | Menu button that opens the dropdown |
MenubarContent | align?, alignOffset?, sideOffset?, className? | — | Dropdown menu content container |
MenubarItem | inset?, shortcut?, className?, children | — | Standard menu item with optional keyboard shortcut |
MenubarCheckboxItem | checked, onCheckedChange?, className?, children | — | Menu item with checkbox state |
MenubarRadioGroup | value, onValueChange?, className? | — | Container for radio menu items |
MenubarRadioItem | value, className?, children | — | Radio menu item (use within MenubarRadioGroup) |
MenubarLabel | inset?, className?, children | — | Section label for grouping menu items |
MenubarSeparator | className? | — | Visual separator between menu sections |
MenubarSub | — | — | Container for submenu (use with MenubarSubTrigger and MenubarSubContent) |
MenubarSubTrigger | inset?, className?, children | — | Trigger for submenu |
MenubarSubContent | className? | — | Content container for submenu |