GitHub

Context Menu

A menu that appears when a user right-clicks on an element

Docs API

Built on top of the Menu component. Check it out for more examples.

Right click here

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/context-menu.json

Usage

import { 
  ContextMenu, 
  ContextMenuTrigger, 
  ContextMenuContent, 
  ContextMenuItemGroup,
  ContextMenuItemGroupLabel,
  ContextMenuItem,
} from "@/components/ui/context-menu";
<ContextMenu>
  <ContextMenuTrigger>Right click here</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItemGroup>
      <ContextMenuItem value="action-1">Action 1</ContextMenuItem>
      <ContextMenuItem value="action-2">Action 2</ContextMenuItem>
      <ContextMenuItem value="action-3">Action 3</ContextMenuItem>
    </ContextMenuItemGroup>
  </ContextMenuContent>
</ContextMenu>