Primitive · CLI
Context Menu
Pointer context menu on Base UI with menu settle and row stagger.
Preview
npx shadcn@latest add @atroui/context-menuRight click here
Waiting for a right-click
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/context-menuSource lands in your repo. Installation · Registry
Usage
Context menus enhance pointer actions — keep a visible control for the same jobs. Same Motion settle as Menu.
tsx
import {
ContextMenu,
ContextMenuContent,
ContextMenuItem,
ContextMenuSeparator,
ContextMenuTrigger,
} from "@/components/ui/context-menu"
<ContextMenu>
<ContextMenuTrigger className="flex h-28 w-full max-w-xs items-center justify-center rounded-[var(--radius)] border border-dashed border-border-subtle text-sm text-muted-foreground">
Right click here
</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem>Duplicate</ContextMenuItem>
<ContextMenuItem>Archive</ContextMenuItem>
<ContextMenuSeparator />
<ContextMenuItem variant="destructive">Delete</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>Context Menu