Slider

When to use

Use for selecting a value from a continuous range where the relative position matters more than the exact number. volume, brightness, price range filters.

When not to use

• When precision matters, use InputNumber instead
• Sliders are imprecise on mobile. small touch targets make exact values hard
• When the range is very large. users can't distinguish between nearby values

Guidelines

• Show current value: Always display the number alongside the slider.
• Show range: Label the min and max values.
• Combine with input: Let users type an exact value as an alternative to dragging.

How it works