Slider

Interactive element that allows users to change a value or pick a range by moving a handle along a track

When to use a slider

  1. You want to adjust settings on a level.
  2. You want to define a range like setting a price range.


Behavior

When a user interacts with a slider, either provide a button to apply the changes they make or update the affected information in real-time.


Best practices

Smooth interaction
Ensure the slider handle moves smoothly and responsively to user input without lag or stuttering.