Primitive · CLI
Menu
Dropdown menu on Base UI with soft-rect items and settle motion.
Preview
npx shadcn@latest add @atroui/menuNothing chosen yet
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/menuSource lands in your repo. Installation · Registry
Usage
Menus hold peer actions next to a control. Keep the list short; put irreversible items behind a separator and mark them destructive.
tsx
import { Button } from "@/components/ui/button"
import {
Menu,
MenuContent,
MenuItem,
MenuSeparator,
MenuTrigger,
} from "@/components/ui/menu"
<Menu>
<MenuTrigger render={<Button variant="outline" />}>Open</MenuTrigger>
<MenuContent>
<MenuItem>Duplicate</MenuItem>
<MenuItem>Archive</MenuItem>
<MenuSeparator />
<MenuItem variant="destructive">Delete</MenuItem>
</MenuContent>
</Menu>Menu