Slider
A primary HTML slider is a versatile component used to allow users to select a value or range within a predefined spectrum. It is designed to be visually prominent and intuitive, often serving as a control for adjusting settings like volume, brightness, or other continuous data points.
Tip: Apply display: grid to the slider's container to make the slider stretch to 100% width.
1. Default
To display a slider with a label, you will have to do the same as working with native HTML, adding a for attribute for the label with the value of the control's id.
In addition, a div wrapper must be used around those elements to properly style them. These styles are documented on the label and form sections, correspondingly.