Context Menu

A menu that appears when a user right-clicks on an element

Built on top of the Menu component. Check it out for more examples.

Installation


pnpm dlx shadcn@latest add @shark-ui/context-menu

Usage


import { 
  ContextMenu, 
  ContextMenuTrigger, 
  ContextMenuContent, 
  ContextMenuItemGroup,
  ContextMenuItemGroupLabel,
  ContextMenuItem,
} from "@/components/ui/context-menu";


<ContextMenu>
  <ContextMenuTrigger>Right click here</ContextMenuTrigger>
  <ContextMenuContent>
    <ContextMenuItemGroup>
      <ContextMenuItem value="action-1">Action 1</ContextMenuItem>
      <ContextMenuItem value="action-2">Action 2</ContextMenuItem>
      <ContextMenuItem value="action-3">Action 3</ContextMenuItem>
    </ContextMenuItemGroup>
  </ContextMenuContent>
</ContextMenu>

API Reference

See the Menu component API reference for the available props.

On This Page

Installation Usage API Reference