Slider
Choose a value along a continuous range.
Default
One thumb travelling a continuous range.
Sizes
Track and thumb scale together.
sm
md
lg
With value
A label and live readout above the rail.
Volume40
Range
An array of values gives a thumb to each end of a span.
Vertical
The track and keyboard turn onto a vertical axis.
Steps and ticks
Ticks show the intervals the thumb snaps to.
020406080100
Disabled
The value stays legible but the thumb will not move.