Search documentation

Search components and pages

Context Menu

Displays a menu of actions triggered by a right click.

Right click here
01

Installation

Add the context menu component with the shadcn CLI.

bash
npx shadcn@latest add https://swiss.ui.unsanity.ai/r/context-menu.json
02

Usage

tsx
import { ContextMenu } from "@/components/ui/context-menu"
03

Examples

Default

Right click here
import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuSeparator,
  ContextMenuTrigger,
} from "@/components/ui/context-menu"

<ContextMenu>
  <ContextMenuTrigger>Right click here</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Back</ContextMenuItem>
    <ContextMenuItem>Forward</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>