Components/RangeSlider

RangeSlider

Dual-thumb slider for selecting a min/max value range.

Installation

Examples

Price range

Two thumbs to define min and max.

Price range$20 — $80
$0$100

API Reference

PropTypeDefaultDescription
value[number, number]Controlled range.
onValueChange(v: number[]) => voidCalled on change.
minnumber0Minimum bound.
maxnumber100Maximum bound.
stepnumber1Step increment.
disabledbooleanfalseDisables the slider.