KQ-192 · CONTEXT/MENU

Context Menu

A menu that springs from the point you right-click. It clamps to the viewport — flipping up or left near an edge — cascades its rows in, and opens nested submenus to the side on hover or ArrowRight. Full keyboard control: the Menu or Shift+F10 key opens it from the focused region, arrows and Home/End move, ArrowLeft steps back out of a submenu, Escape and an outside click dismiss, and focus returns to the region.

KQ-192 · CONTEXT/MENU
Right-click, or press the menu key

Action

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/context-menu

Props

PropTypeDefaultDescription
itemsContextMenuItem[]Rows — id, label, icon, shortcut, disabled, separator, nested items, onSelect.
childrenReactNodeThe region that owns the menu.
labelstringAccessible name for the menu surface.