Context Menu
A menu that appears on right-click, built on Radix UI.
Import
import {
ContextMenu,
ContextMenuTrigger,
ContextMenuContent,
ContextMenuItem,
ContextMenuSeparator,
} from "@retents/ui/context-menu"Usage Guidelines
When to use
- For right-click menus on custom UI elements like canvases, cards, or file items.
- When power users expect contextual actions via right-click.
- For desktop-oriented interfaces that follow the native right-click convention.
When NOT to use
- For button-triggered action menus — use DropdownMenu instead.
- On mobile interfaces — right-click is not available on touch devices. Always provide an alternative action trigger.
Accessibility
Context menus rely on right-click, which is unavailable on touch devices. Always provide an alternative way to access the same actions (e.g., a kebab menu button).
Preview
Right click here
Usage
<ContextMenu>
<ContextMenuTrigger>Right click here</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem>Profile</ContextMenuItem>
<ContextMenuItem>Settings</ContextMenuItem>
<ContextMenuItem>Logout</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>