Context Menu
Actions on right-click or long-press, for power users working on items in place.
Usage
import {
ContextMenu,
ContextMenuContent,
ContextMenuItem,
ContextMenuTrigger,
} from "@zynactra/ui/context-menu"<ContextMenu>
<ContextMenuTrigger>Right-click here</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem>Rename</ContextMenuItem>
<ContextMenuItem variant="destructive">Delete</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>It has the same parts as Dropdown Menu: groups, separators, shortcuts, checkbox and radio items, submenus.
Guidelines
- A context menu is a shortcut, never the only way. Every action in it must also be reachable from a visible button or menu.
- Destructive items go last, in their own group, with
variant="destructive".
API reference
Behaviour and props come from Base UI. See the Base UI Context Menu docs.