GitHub

Menubar

A menu bar providing commands and options for your application.

DocsAPI Reference

Installation

pnpm dlx shadcn@latest add @lumi-ui/menubar

Anatomy

<Menubar>
 <MenubarMenu>
   <MenubarMenuTrigger />
   <MenubarMenuContent>
     <MenubarMenuItem />
     <MenubarMenuItem>
       <MenubarMenuShortcut />
     </MenubarMenuItem>
     <MenubarMenuSeparator />
     <MenubarMenuGroup>
       <MenubarMenuGroupLabel />
     </MenubarMenuGroup>
     <MenubarMenuRadioGroup>
       <MenubarMenuRadioItemContent />
     </MenubarMenuRadioGroup>
     <MenubarMenuCheckboxItemContent />
     <MenubarMenuSubMenu>
       <MenubarMenuSubMenuTriggerGroup />
       <MenubarMenuSubMenuContent>
         {/* Submenu items */}
       </MenubarMenuSubMenuContent>
     </MenubarMenuSubMenu>
   </MenubarMenuContent>
 </MenubarMenu>
</Menubar>

Features

With Group

Nested Menus

With Checkbox and Radio Group

Cookbook

Style Menubar