Slider

About Slider

Slider is the single-value variant of RangeSlider. Drag the handle, click on the track to jump, or use arrow keys for fine adjustments. A live value bubble shows the current number above the handle during interaction.

Discrete mode with tick marks is useful for choosing from a fixed set (e.g. quality presets); continuous mode is the default for arbitrary numeric input.

When to use it

• Volume, brightness, or opacity controls.
• Quality preset pickers in settings.
• Quantity selection in checkout flows.
• Weighting controls in configuration UIs.

Common props