saturation/uiRight click here
Installation
pnpm dlx shadcn@latest add @saturation-ui/context-menuTailwind v4 — Source Scanning
The public shadcn registry installs component source into your project. If Tailwind v4 isn't scanning your components directory, add this to your CSS entry file:
@source "../components";This ensures all utility classes in CVA variants and data attribute selectors are included in your build.
Usage
import {
ContextMenu,
ContextMenuContent,
ContextMenuItem,
ContextMenuTrigger,
} from "@/components/ui/context-menu"<ContextMenu>
<ContextMenuTrigger>Right click here</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem>Action 1</ContextMenuItem>
<ContextMenuItem>Action 2</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>Examples
With Checkboxes
Right click here
Checkbox menu items.
With Submenu
Right click here
Nested submenus.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | Menu content. |