A styled right-click context menu component built on Radix UI's `@radix-ui/react-context-menu` primitive, providing accessible, animated menu overlays with Tailwind CSS styling. ## Key Components | Export | Description | |---|---| | `ContextMenu` | Root container managing open/close state | | `ContextMenuTrigger` | Element that activates the menu on right-click | | `ContextMenuContent` | Animated popover panel rendered in a portal | | `ContextMenuItem` | Standard clickable menu item; supports `inset` prop | | `ContextMenuCheckboxItem` | Menu item with a toggleable checkbox indicator | | `ContextMenuRadioItem` | Menu item for use within a `ContextMenuRadioGroup` | | `ContextMenuLabel` | Non-interactive section label; supports `inset` prop | | `ContextMenuSeparator` | Horizontal divider between menu sections | | `ContextMenuShortcut` | Right-aligned keyboard shortcut hint span | | `ContextMenuSub` | Container for nested sub-menus | | `ContextMenuSubTrigger` | Item that opens a nested sub-menu with a chevron icon | | `ContextMenuSubContent` | Animated panel for nested sub-menu items | | `ContextMenuGroup` | Groups related items together | | `ContextMenuRadioGroup` | Groups radio items for single-selection behavior | | `ContextMenuPortal` | Renders menu content outside the DOM hierarchy | ## Usage Example ```typescript import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuLabel, } from "./context-menu" export function FileContextMenu() { return ( Right-click here File Actions Open ⌘O Show Hidden Files Share Email Copy Link Delete ⌫ ) } ``` **Source:** [`context-menu.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/context-menu.tsx)