Components
Slider
A styled, accessible native range input.
The slider is a restyled native <input type="range">. Accessible and keyboard-operable.
Use the standard min, max, step, and value attributes.
Default
Loading components…
<input class="max-w-xl" type="range" min="0" max="100" step="10" value="50" aria-label="Volume" />