Context Menu

Right-click context menu with items, checkboxes, radio groups, submenus, and shortcuts.

Right-click here

Installation

Run the CLI

$npx particleui-cli add context-menu

Usage

TSX

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

export default function Example() {
  return (
    <ContextMenu>
      <ContextMenuTrigger className="border rounded p-8 text-sm">Right-click here</ContextMenuTrigger>
      <ContextMenuContent>
        <ContextMenuItem>Edit</ContextMenuItem>
        <ContextMenuItem>Delete</ContextMenuItem>
      </ContextMenuContent>
    </ContextMenu>
  )
}

Details

Source filecomponents/ui/context-menu.tsx

Typeui

Categoriesoverlay, core

npm dependencies@radix-ui/react-context-menu, lucide-react

Registry deps

Claude skill—