Slider

Single-value and range inputs. Use Slider for a single thumb and Range for a two-thumb range selector.

Bind value to track the selected number.

Use Range and bind a two-element array.

The distance prop enforces a minimum and/or maximum gap between the two thumbs.

Three sizes: normal (default), compact, and small.

Customize the step increment and the value range.

Set drawStops to render a dot on the track at each step position.

The slider can be disabled.

Set showValue to display the current value in a bubble above the knob while dragging. Pass a formatter function to add a unit or custom label.