ContextMenu

overlays

Displays a menu located at the pointer, triggered by a right-click or long-press.

Preview
Right click here

Installation

npm install @launchapp/design-system
Import
import {  ContextMenu, ContextMenuTrigger, ContextMenuContent,  ContextMenuItem, ContextMenuSeparator, ContextMenuLabel} from "@launchapp/design-system";

Examples

Basic Context Menu

<ContextMenu>  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">    Right click here  </ContextMenuTrigger>  <ContextMenuContent className="w-64">    <ContextMenuLabel>My Account</ContextMenuLabel>    <ContextMenuSeparator />    <ContextMenuItem>Profile</ContextMenuItem>    <ContextMenuItem>Billing</ContextMenuItem>    <ContextMenuItem>Settings</ContextMenuItem>  </ContextMenuContent></ContextMenu>

Props

PropTypeDefaultDescription
onOpenChange
(open: boolean) => void—Callback when open state changes.
← PreviousCommand
Next →DataTable