ContextMenu

Displays a menu at the pointer position, triggered by right-click. Built on Radix UI.

Installation

# Install @opencosmos/ui to use ContextMenu
pnpm add @opencosmos/ui

Preview

Loading preview...

Usage

Import

import { ContextMenu } from '@opencosmos/ui';

Example

<ContextMenu>
  Content
</ContextMenu>

Eject

Copy this component into your project for full customization

Code Examples

Basic Usage

Context menu on right-click

import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "@opencosmos/ui"

<ContextMenu>
  <ContextMenuTrigger>Right click</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Edit</ContextMenuItem>
    <ContextMenuItem>Delete</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>