Menus / Menubar

Menubar

<Menubar />Stable

A horizontal app menubar (File / Edit / View…). Use for desktop-style apps where users expect a persistent top menu. Built on Radix Menubar.

import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from "@/components/upnext";

Variants

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New recruit</MenubarItem>
      …
    </MenubarContent>
  </MenubarMenu>
  <MenubarMenu>
    <MenubarTrigger>Edit</MenubarTrigger>
    …
  </MenubarMenu>
</Menubar>

Source

The wrapper is a thin re-export; the actual styling lives in the shadcn primitive.