LifeDS

Component

Menubar

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

Menubarsize: default · xl (default)
MenubarMenu / MenubarTrigger / MenubarContentone top-level menu
MenubarCheckboxItemtoggleable options
MenubarRadioGroup / MenubarRadioItemsingle-select options
MenubarSub / MenubarSubTrigger / MenubarSubContentnested submenu
Playground

Full demo — File, Edit, View, Profiles

Sizes

size="xl" (default) — 44px, matches Button xl height

size="default" — 32px

Checkbox items

Radio group

Submenus

Icons and destructive variant

RTL support

Tokens used

7 semantic tokens consumed by this component.

--popoverPopover
bg-popover
--popover-foregroundPopover Foreground
text-popover-foreground
--accentAccent
bg-accenttext-accentborder-accent
--accent-foregroundAccent Foreground
text-accent-foreground
--destructiveDestructive
bg-destructivetext-destructiveborder-destructivering-destructive
--borderBorder
border-borderborder
--muted-foregroundMuted Foreground
text-muted-foreground