Primitive · CLI
Menubar
Focus-roving menubar shell with Menu grammar and Motion popups.
Preview
npx shadcn@latest add @atroui/menubarInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/menubarSource lands in your repo. Installation · Registry
Usage
Compose MenubarMenu with Menu grammar. Arrow keys rove across triggers once a menu is open.
tsx
import {
Menubar,
MenubarContent,
MenubarItem,
MenubarMenu,
MenubarSeparator,
MenubarTrigger,
} from "@/components/ui/menubar"
<Menubar>
<MenubarMenu>
<MenubarTrigger>File</MenubarTrigger>
<MenubarContent>
<MenubarItem>New</MenubarItem>
<MenubarItem>Open</MenubarItem>
<MenubarSeparator />
<MenubarItem>Save</MenubarItem>
</MenubarContent>
</MenubarMenu>
<MenubarMenu>
<MenubarTrigger>Edit</MenubarTrigger>
<MenubarContent>
<MenubarItem>Cut</MenubarItem>
<MenubarItem>Copy</MenubarItem>
<MenubarItem>Paste</MenubarItem>
</MenubarContent>
</MenubarMenu>
</Menubar>Menubar