🎛️ Slider — Documentation

Update

🧭 When to Use / When Not to Use

Use When

• Users need to select a value or range within a continuous or stepped scale.
• The relationship between minimum and maximum values is important.
• Users need quick, visual adjustments (volume, brightness, price range).
• Precision is not the priority (for high precision, use numeric input).

Avoid When

• Only a single toggle is needed → use Switch.
• Values require exact precision → use Numeric Input or Text Field.
• There are fewer than 3 options → use Radio or Segmented Control.
• Values are not continuous (e.g., categories) → use Select / Dropdown.

🎨 Considerations

Simple Slider vs. Range Slider

• Simple Slider = one handle → single value.
• Range Slider = two handles → start + end values.
• Range is ideal for filters (price, duration).