Slider

An input where the user selects a value from within a given range, by dragging a thumb along a track or by using the keyboard.

See the WAI ARIA guidelines for Sliders .

Structure

<Slider>
	<SliderRange />
	<SliderHandle />
</Slider>

With no children, the range and handle are rendered automatically. Compose them explicitly to target each one with its own props and styling.

Demo