Components/Slider

Slider

Single-thumb range slider built on Radix Slider.

Installation

Examples

Default

Single thumb with value display.

Volume65%

Color variants

Custom color via className.

API Reference

PropTypeDefaultDescription
valuenumber[]Controlled value array.
onValueChange(v: number[]) => voidCallback on change.
minnumber0Minimum value.
maxnumber100Maximum value.
stepnumber1Step increment.
disabledbooleanfalseDisables the slider.