KQ-057 · ORBIT/MENU
Orbit Menu
Items ring a hub and rotate on a weighted dial — flick the ring and it flings, then snaps the nearest item into the active detent at the top.
KQ-057 · ORBIT/MENU
Instrument Modes · 06 tools
ActiveTune
Mode · Tune
Drag the ring · click a mode · arrow keys
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/orbit-menu
Props
- items
- { id: string; label: string; icon?: ReactNode }[]
- default —
- Options placed evenly around the ring.
- value / defaultValue / onValueChange
- string / string / (id) => void
- default —
- Controlled or uncontrolled active item.
- size
- number
- default 260
- Ring diameter in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id: string; label: string; icon?: ReactNode }[] | — | Options placed evenly around the ring. |
| value / defaultValue / onValueChange | string / string / (id) => void | — | Controlled or uncontrolled active item. |
| size | number | 260 | Ring diameter in px. |