Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/menubar. OddApp tokens are applied via globals.css @theme. All token rules still apply.

Menubar

Horizontal application menu bar with nested dropdowns.

Default

Import and render this component in your app using the snippet below.

import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@/components/ui/menubar'

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New</MenubarItem>
      <MenubarItem>Open</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>