Components/Menubar

Menubar

Persistent menubar similar to those found in desktop applications. Click a top-level item to reveal its dropdown.

Installation

npx ajaxui add menubar

Notes

Anatomy

<Menubar>                    // top-level menu bar
  <MenubarMenu>              // one per top-level entry
    <MenubarTrigger/>
    <MenubarContent>
      <MenubarItem/>
      <MenubarCheckboxItem/>
      <MenubarSeparator/>
      <MenubarSub>
        <MenubarSubTrigger/>
        <MenubarSubContent/>
      </MenubarSub>
    </MenubarContent>
  </MenubarMenu>
</Menubar>