Context Menu

Ready

Menu on right-click.

Requires radix-ui

Right-click here

Installation

$ npx @oratiq-js/ui add context-menu

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

import { ContextMenu, ContextMenuTrigger, ContextMenuGroup, ContextMenuSub, ContextMenuRadioGroup, ContextMenuContent, /* … */ } from "@/components/ui/context-menu";

Right-click the area below

Right-click here

A context menu is always a shortcut, never the only path. Every action in it must also be reachable from a visible control — there is no right-click on touch, and no discoverability for anyone.

View source on GitHub → components/ui/context-menu.tsx