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
- min / max / step
- number
- default 0 / 100 / 1
- Bounds and snap grid (float-precision cleaned).
- value / defaultValue / onValueChange
- number | [number, number]
- default —
- Single or range; live stepped values during drag, deduped.
- range
- boolean
- default false
- Two facing caliper jaws with a live span dimension line.
- marks
- number[] | boolean
- default true
- Every step when ≤ 40 steps, else quarters; or pinned positions.
- format / readout
- (v) => string / "float" | "end" | "none"
- default —
- Value formatting and where the mono readout renders.
| 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. |