Context Menu
Displays a menu to the user — such as a set of actions or functions — triggered by right click.
Installation
1npx shadcn@latest add https://ui.saturation.io/r/context-menu.jsonUsage
1600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">import {2 ContextMenu,3 ContextMenuContent,4 ContextMenuItem,5 ContextMenuTrigger,6} 600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">from 600 dark:text-blue-400">class="text-purple-600 dark:text-purple-400">class="text-orange-600 dark:text-orange-400">'@/components/ui/context-menu'1600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">> 2 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>Right click600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400"> >3 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">> 4 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>Profile600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400"> >5 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>Billing600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400"> >6 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>Settings600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400"> >7 600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>8600 dark:text-blue-400">class="text-cyan-600 dark:text-cyan-400">>Examples
Basic
With Checkboxes
API Reference
ContextMenu
The root component that wraps the trigger and content.
ContextMenuTrigger
The element that opens the context menu when right-clicked.
ContextMenuContent
The component that contains the context menu items.
ContextMenuItem
An individual menu item. Supports a disabled prop and a variant prop with values "default" or "destructive".
ContextMenuCheckboxItem
A menu item with a checkbox. Accepts checked and onCheckedChange props.
ContextMenuRadioGroup
A group of radio items. Accepts value and onValueChange props.
ContextMenuRadioItem
A menu item with a radio button. Must be used within a ContextMenuRadioGroup.
ContextMenuLabel
A label for a group of menu items.
ContextMenuSeparator
A visual separator between menu items.
ContextMenuShortcut
Displays a keyboard shortcut hint on the right side of a menu item.
ContextMenuSub
A submenu container. Use with ContextMenuSubTrigger and ContextMenuSubContent.