Context Menu

Displays a menu to the user — such as a set of actions or functions — triggered by a right click.

shadcn/ui docs →

Preview

Right click here

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/context-menu.json

Dependencies: @radix-ui/react-context-menu

Usage

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

<ContextMenu>
  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-base border-2 border-dashed border-border text-sm">
    Right click here
  </ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Profile</ContextMenuItem>
    <ContextMenuItem>Settings</ContextMenuItem>
    <ContextMenuItem>Logout</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>
0