MiHCM
overlay/@mihcm/ui·v0.21.0·stable

ContextMenu

Right-click context menu powered by Radix. Sub-menus, checkboxes, radio items, keyboard shortcuts.

ConfiguratorExamplesUsageAccessibilityApi

Basic context menu

Right-click here
<ContextMenu>
  <ContextMenuTrigger>
    <div className="border border-dashed p-8">Right-click here</div>
  </ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItem>Back</ContextMenuItem>
    <ContextMenuItem>Forward</ContextMenuItem>
    <ContextMenuItem>Reload</ContextMenuItem>
    <ContextMenuSeparator />
    <ContextMenuItem variant="destructive">Delete</ContextMenuItem>
  </ContextMenuContent>
</ContextMenu>

With sub-menu

Use ContextMenuSub, ContextMenuSubTrigger, and ContextMenuSubContent to nest a secondary menu inside an item.

Right-click for sub-menu
<ContextMenuSub>
  <ContextMenuSubTrigger>Share</ContextMenuSubTrigger>
  <ContextMenuSubContent>
    <ContextMenuItem>Email</ContextMenuItem>
    <ContextMenuItem>Messages</ContextMenuItem>
    <ContextMenuItem>Slack</ContextMenuItem>
  </ContextMenuSubContent>
</ContextMenuSub>

With checkboxes

Right-click for checkboxes