Components

Context Menu

A menu that appears when the user right-clicks or long-presses.

example.tsx

Right click here

Import

tsx

import {
  AppContextMenu,
  AppContextMenuTrigger,
  AppContextMenuContent,
  AppContextMenuItem,
  AppContextMenuCheckboxItem,
  AppContextMenuRadioItem,
  AppContextMenuLabel,
  AppContextMenuSeparator,
  AppContextMenuShortcut,
  AppContextMenuGroup,
  AppContextMenuPortal,
  AppContextMenuSub,
  AppContextMenuSubContent,
  AppContextMenuSubTrigger,
  AppContextMenuRadioGroup,
} from "@/components/primitives/AppContextMenu"

API Reference

AppContextMenu extends all native <div> HTML attributes.

Prop	Type	Default	Description
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

Source

src/components/primitives/AppContextMenu.tsx

import {
  ContextMenu,
  ContextMenuTrigger,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuCheckboxItem,
  ContextMenuRadioItem,
  ContextMenuLabel,
  ContextMenuSeparator,
  ContextMenuShortcut,
  ContextMenuGroup,
  ContextMenuPortal,
  ContextMenuSub,
  ContextMenuSubContent,
  ContextMenuSubTrigger,
  ContextMenuRadioGroup,
} from "../ui/context-menu"

const AppContextMenu = ContextMenu
const AppContextMenuTrigger = ContextMenuTrigger
const AppContextMenuContent = ContextMenuContent
const AppContextMenuItem = ContextMenuItem
const AppContextMenuCheckboxItem = ContextMenuCheckboxItem
const AppContextMenuRadioItem = ContextMenuRadioItem
const AppContextMenuLabel = ContextMenuLabel
const AppContextMenuSeparator = ContextMenuSeparator
const AppContextMenuShortcut = ContextMenuShortcut
const AppContextMenuGroup = ContextMenuGroup
const AppContextMenuPortal = ContextMenuPortal
const AppContextMenuSub = ContextMenuSub
const AppContextMenuSubContent = ContextMenuSubContent
const AppContextMenuSubTrigger = ContextMenuSubTrigger
const AppContextMenuRadioGroup = ContextMenuRadioGroup

export {
  AppContextMenu,
  AppContextMenuTrigger,
  AppContextMenuContent,
  AppContextMenuItem,
  AppContextMenuCheckboxItem,
  AppContextMenuRadioItem,
  AppContextMenuLabel,
  AppContextMenuSeparator,
  AppContextMenuShortcut,
  AppContextMenuGroup,
  AppContextMenuPortal,
  AppContextMenuSub,
  AppContextMenuSubContent,
  AppContextMenuSubTrigger,
  AppContextMenuRadioGroup,
}