KQ-075 · GIMBAL/DIAL
Gimbal Dial
A two-axis picker built as nested rings in perspective — spin the outer band for one value and the inner for the other; flicks carry momentum, releases settle on detents, and a hub reads both channels live.
KQ-075 · GIMBAL/DIAL
Antenna Trim · 2-AxisKQ-075
- AZ
- 050
- EL
- 050
- Status
- ALIGNED
KQ-075 · Gimbal Dial · Step 5 · P 800 · ζ 0.83
Spin a ring or use the arrow keys - each settles on a detent.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/gimbal-dial
Props
- value / defaultValue / onValueChange
- { yaw, pitch } / same / (value) => void
- default —
- Controlled or uncontrolled 0–100 per axis; fires once per settled detent.
- step
- number
- default 5
- Detent size in value units.
- size
- number
- default 200
- Outer ring diameter in px.
- axisLabels
- { yaw: string; pitch: string }
- default —
- Accessible names for the two slider bands.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue / onValueChange | { yaw, pitch } / same / (value) => void | — | Controlled or uncontrolled 0–100 per axis; fires once per settled detent. |
| step | number | 5 | Detent size in value units. |
| size | number | 200 | Outer ring diameter in px. |
| axisLabels | { yaw: string; pitch: string } | — | Accessible names for the two slider bands. |