Base

Slider

Pick a value or a range. The UISlider look (a thin track and a large white knob), or a thick bar where the fill is the handle, as in Control Center.
import { Slider } from "pleate/slider";

Value, range and bar

Brightness

Price per night€80 to €240

Props

value / defaultValue

One number, or two for a range.

number[]

min / max / step

Bounds.

numberdefault 0 / 100 / 1

variant

Look.

"knob" | "bar"default "knob"

size

Height, padding and type size.

"sm" | "md" | "lg"default "md"

thumbLabels

Accessible name of each thumb.

string[]