Orbit Context Menu

The OrbitContextMenu is a wrapper component that overrides the default browser context menu with a premium radial interface. It fanned out secondary actions in a 180-degree arc around the cursor.

Preview

Right-click zone

The Orbit Context Menu is scoped to this area.

Usage

Installation

$ pnpm dlx shadcn add https://klarden.vercel.app/r/orbit-context-menu.json

Basic Example

import { OrbitContextMenu } from "@/components/orbit-context-menu";

export default function App() {
  return (
    <OrbitContextMenu>
      <div className="p-20">Right-click trigger zone</div>
    </OrbitContextMenu>
  );
}

Properties

Prop	Type	Default	Description
`children`	`ReactNode`	`—`	The content that will trigger the context menu.
`actions`	`Action[]`	`defaultActions`	Custom actions to display in the radial arc.
`className`	`string`	`—`	Additional CSS classes for the wrapper.