Command Palette

Search for a command to run...

Docs
Range Slider Input

Range Slider Input

A dual-range slider with numeric inputs and increment/decrement controls

Loading...

Installation

Props

PropTypeDefaultDescription
labelstring"Select Range"The label for the range slider
minnumber0Minimum value for the range
maxnumber100Maximum value for the range
stepnumber1Step increment for the slider
unitstringundefinedUnit to display with values
value{ from: number; to: number }undefinedControlled value for the range
onChange(val: { from: number; to: number }) => voidundefinedCallback when range changes