Context Menu

View on shadcn/ui

Displays a menu of actions triggered by a right click.

Right-click here

Installation

pnpm dlx shadcn@latest add https://dev.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.

Changelog

6 July 2026: added explicit "border-border" class

On this page

Installation Usage API reference Changelog