KQ-015 · SCOPE/SCRUBBER
Scope Scrubber
Drag a value; watch its physics — a scrub input with a live oscilloscope trace behind the numeral, where the settle spring's overshoot draws itself.
KQ-015 · SCOPE/SCRUBBER
Imaging console
Exposure
120
Gain
6.0
Scrub horizontally · double-click to type
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/scope-scrubber
Props
- min / max / step
- number
- default —
- Bounds (required) and release snap grid.
- value / defaultValue / onValueChange
- number / number / (value) => void
- default —
- Controlled or uncontrolled; fires live while scrubbing.
- settle
- SpringName
- default "snap"
- Which calibrated spring the value settles on — its personality shows on the trace.
- sensitivity
- number
- default (max−min)/200
- Value change per pixel of drag.
- label / unit / format / trace
- string / string / (v)=>string / boolean
- default —
- Labeling, suffix, numeral formatting, and the history trace toggle.
| Prop | Type | Default | Description |
|---|---|---|---|
| min / max / step | number | — | Bounds (required) and release snap grid. |
| value / defaultValue / onValueChange | number / number / (value) => void | — | Controlled or uncontrolled; fires live while scrubbing. |
| settle | SpringName | "snap" | Which calibrated spring the value settles on — its personality shows on the trace. |
| sensitivity | number | (max−min)/200 | Value change per pixel of drag. |
| label / unit / format / trace | string / string / (v)=>string / boolean | — | Labeling, suffix, numeral formatting, and the history trace toggle. |