Range Slider
Allows users to select a range. It includes two thumb controls that can be dragged to set the start and end values.
Use the connotation attribute on Range Slider to control the color of the selected range.
Use the markers attribute to add tick marks on the slider.
The markers are set by the value of step.
The orientation attribute controls which axis the Range Slider is aligned.
Below is an example of vertical alignment.
When used vertically, the range slider fits the height of its container.
Use pin attribute to display a tooltip at the start and end values.
Use the valueTextFormatter member to customize the format of the values.
The disabled attribute disables the Range Slider.