Overlays
Context Menu
Pointer-anchored menus that share every item style with Menu.
Live example
Import
Each family is its own entry point, so a page loads only what it uses.
tsx
import { ContextMenu, ContextMenuCheckboxItem, ContextMenuItem, ContextMenuSeparator, ContextMenuSubmenuContent, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger } from "@nibapp/ui/components/context-menu";Props
Each component's own props and variants, read from its source. What it also takes from an element or a Base UI part is named below its table.
ContextMenu
Convenience wrapper: `<ContextMenu content={…items…}><Row/></ContextMenu>`.
| Prop | Type | Default | Description |
|---|---|---|---|
| children (required) | ReactNode | — | The region that responds to right-click. |
| content (required) | ReactNode | — | Menu items. |
| className | string | — | Class for the trigger region. |
| disabled | boolean | — |
ContextMenuSubmenuContent
Popup for a nested context submenu; overlaps the parent so the first item aligns with the trigger.
| Prop | Type | Default | Description |
|---|---|---|---|
| positionerProps | ComponentProps<typeof BaseContextMenu.Positioner> | — |
Also takes .