ns-ui
A context menu that unfolds like a pocket knife — items swing out from a hinged spine as slim blades, staggered from folded to open, with a hairline edge highlight while swinging; submenus unfold as a second, smaller knife from a blade's tip.
Use when a right-click context menu on a region where the open itself is the flourish, blades swinging out from a hinged spine and submenus unfolding from a blade's tip, with a visible trigger button so the affordance is reachable by keyboard; pick menu-nested-trays instead when the nesting goes deep enough that every ancestor level needs to stay on screen and one click away, or dropdown-drape when the panel hangs from a trigger in normal page flow rather than from a pointer position.
Install
npx shadcn add https://design.helpmarq.comns-ui / context-menu-unfold
Items swing out from a hinge like knife blades; Export as opens a smaller knife of its own.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | JackKnifeItem[] | — | — |
| onSelect? | (id: string) => void | — | — |
| children? | ReactNode | — | region that opens the menu on right-click; the trigger button always works too |
| label? | string | — | accessible name for the trigger button and the menu itself |
| className? | string | — | — |