Slider

Native <input class="slider" type="range">. Pair with a <label class="label">. There is no wrapper.

Preview

Volume 40

Muted

Code

<div class="field">
	<label class="label" for="volume">Volume</label>
	<input class="slider" id="volume" type="range" min="0" max="100" value="40">
</div>