KQ-005 · CALIPER/SLIDER
Caliper Slider
Reads like a vernier, moves like grease — 1:1 drag with a snap settle, ticks that lean toward the jaw, and a live measured-span dimension line in range mode.
KQ-005 · CALIPER/SLIDER
Tolerance windowBore · pass 2
Sample rateHi-res capture
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/caliper-slider
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| min / max / step | number | 0 / 100 / 1 | Bounds and snap grid (float-precision cleaned). |
| value / defaultValue / onValueChange | number | [number, number] | — | Single or range; live stepped values during drag, deduped. |
| range | boolean | false | Two facing caliper jaws with a live span dimension line. |
| marks | number[] | boolean | true | Every step when ≤ 40 steps, else quarters; or pinned positions. |
| format / readout | (v) => string / "float" | "end" | "none" | — | Value formatting and where the mono readout renders. |