Slider A Slider allows users to choose from a range of continuous and discrete values. The Slider displays the range of possible values and the Slider’s indicator displays the current value. Dark UI Light UI HTML5/CSS3 Web Component Rules of Thumb Use a slider: When users need to set defined, contiguous values (like volume or brightness), or a range of discrete values (like screen resolution). To display abstracted values like “Low, Medium,” or “High.” To reflect discrete numeric values by adding labels. To give users immediate feedback on selection such as screen contrast. Examples slider do Do: If adding labels, only use the minimal amount necessary to indicate the values. slider dont Don’t: Excessive labels clutter the design.
