Skip to content
IndexDesign corpus

Slider

83 resources ship this component · Inputs

Also called: range input, track slider, field range, volume slider, value slider.

Before you ship5 checks
  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 it83