WFP logoDesign System
Components

Context Menu

View on shadcn/ui

Displays a menu at the pointer position when right-clicking.

Right click here

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/context-menu.json

Usage

import {
  ContextMenu,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuTrigger,
} from "@/components/ui/context-menu";
<ContextMenu>
  <ContextMenuTrigger>Right click here</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Download</ContextMenuItem>
    <ContextMenuItem>Share</ContextMenuItem>
    <ContextMenuItem>Delete</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

API reference

This component is built on top of Radix UI Context Menu. See the Radix UI Context Menu documentation for the full API reference.

On this page

InstallationUsageAPI reference