Koori UI
Components

GlassContextMenu

A menu triggered by a right-click (or long-press) gesture on a region.

Preview

Right-click here

Usage

import {
  GlassContextMenu,
  GlassContextMenuTrigger,
  GlassContextMenuContent,
  GlassContextMenuItem,
  GlassContextMenuSeparator,
} from "koori-ui";
 
<GlassContextMenu>
  <GlassContextMenuTrigger>Right-click here</GlassContextMenuTrigger>
  <GlassContextMenuContent>
    <GlassContextMenuItem>Cut</GlassContextMenuItem>
    <GlassContextMenuItem>Copy</GlassContextMenuItem>
    <GlassContextMenuSeparator />
    <GlassContextMenuItem>Paste</GlassContextMenuItem>
  </GlassContextMenuContent>
</GlassContextMenu>

Props

GlassContextMenu

PropTypeDefaultDescription
onOpenChange(open: boolean) => void—Fired when open state changes
modalbooleantruePrevent interactions with outside content

GlassContextMenuItem

PropTypeDefaultDescription
disabledbooleanfalseDisable the item
onSelect(event) => void—Fired when the item is selected

All Radix ContextMenu props are also supported.

Previous

GlassCommand

Next

GlassDrawer

On this page