Earthling UI

Menubar

Preview

Code

Anatomy

<Menubar>
  <MenubarMenu>
    <MenubarTrigger />
    <MenubarContent>
      <MenubarItem />
      <MenubarSeparator />
      <MenubarSub>
        <MenubarSubTrigger />
        <MenubarSubContent />
      </MenubarSub>
    </MenubarContent>
  </MenubarMenu>
</Menubar>

Installation

Import

Automatic Install (Eject)

Manual Install

1

Ensure Earthling UI is installed

bun add earthling-ui

2

Import the component from earthling-ui

import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarGroup, MenubarPortal, MenubarSub, MenubarSubTrigger, MenubarSubContent } from "earthling-ui/menubar"

The component is ready to use