R
◇

Menubar

17 parts
Source

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue
import {
  MenubarRoot,
  MenubarMenu,
  MenubarTrigger,
  MenubarContent,
  MenubarPortal,
  MenubarArrow,
  MenubarSeparator,
  MenubarLabel,
  MenubarGroup,
  MenubarItem,
  MenubarCheckboxItem,
  MenubarRadioGroup,
  MenubarRadioItem,
  MenubarItemIndicator,
  MenubarSub,
  MenubarSubTrigger,
  MenubarSubContent,
} from '@robonen/primitives/menubar';

<MenubarRoot>
  <MenubarMenu />
  <MenubarTrigger />
  <MenubarContent />
  <MenubarPortal />
  <MenubarArrow />
  <MenubarSeparator />
  <MenubarLabel />
  <MenubarGroup />
  <MenubarItem />
  <MenubarCheckboxItem />
  <MenubarRadioGroup />
  <MenubarRadioItem />
  <MenubarItemIndicator />
  <MenubarSub />
  <MenubarSubTrigger />
  <MenubarSubContent />
</MenubarRoot>

API Reference