Show actions based on right-click context.
Default
Right click hereWith Submenu
Right click here1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768The Context Menu is built using Radix UI primitives.
| Component | Props | Description |
|---|---|---|
ContextMenu | modal?, onOpenChange? | Root component. Must contain ContextMenuTrigger and ContextMenuContent |
ContextMenuTrigger | asChild?, className? | Trigger element that opens the menu on right-click |
ContextMenuContent | align?, side?, className? | Container for menu items |
ContextMenuItem | inset?, disabled?, className? | Standard menu item |
ContextMenuCheckboxItem | checked, onCheckedChange, className? | Menu item with checkbox state |
ContextMenuRadioItem | value, className? | Menu item with radio state (use within ContextMenuRadioGroup) |
ContextMenuLabel | inset?, className? | Section label for grouping items |
ContextMenuSeparator | className? | Visual separator between menu sections |
ContextMenuShortcut | className? | Keyboard shortcut display (e.g., "⌘P") |
ContextMenuSub | — | Container for submenu (use with ContextMenuSubTrigger and ContextMenuSubContent) |
ContextMenuSubTrigger | inset?, className? | Trigger for submenu |