Slider

Range input for values and zoom controls.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import { Slider } from "@aspyn-io/kit";

Basic

Controlled zoom control

Bounded zoom with a live readout.

100px/h

Range (two thumbs)

Vertical

Set orientation="vertical" and give the slider a height to grow into.

Disabled

Notes

  • Keyboard accessible: arrows step, Page Up/Down jump, Home/End go to bounds (Radix).
  • Pass an array for value/defaultValue: one entry per thumb.