overlay · Normal DOM only

ContextMenu

Right-click triggered menu. Same shape as DropdownMenu, different gesture.

Use ContextMenu for power-user shortcuts on cards, table rows, or canvas surfaces. Always expose the same actions in a visible DropdownMenu too — right-click is invisible and rarely used by mouse-only users.

Install

Pull from the workspace packages (already available if you ran pnpm add):

ts
import { ContextMenu, ContextMenuItem, ContextMenuSeparator } from '@8maverik8/twenty-design';

Examples

Right-click target

Right-click anywhere in this area

tsx
<ContextMenu trigger={…}><ContextMenuItem>…

Guidelines

✓

Mirror context-menu actions in a visible Menu.Right-click is invisible; users won't discover it without a hint.

Override browser native menus on arbitrary text.Users rely on the native "Copy / Inspect" entries when reading content.