Skip to content
Index730 resources
Slider

Slider

77 resources in the index ship this component, best first. Group: Inputs.

Also called · range input · track slider · field range · volume slider · value slider

Before you ship

5
  1. 01Style — How the range and the handlers look visually (see documentation for inspiration)
  2. 02Intervals — Whether the slider intervals has continuous (any value between 0-10000), or stepped (fixed values like a 0-5 rating)
  3. 03Handles — The elements that users select to drag and change the slider value
  4. 04Labelling — Text that conveys the spectrum of the slider, or if there are intervals between those ends too
  5. 05Interaction states — What the handles and slider look like when the user is changing the value

Checks from checklist.design, MIT.

Ships it

77