Slider Input

24.1

Allows users to select a value or range by dragging a handle along a track.

Slider Input

24.1

Allows users to select a value or range by dragging a handle along a track.

Accessibility

Target Size & Dragging

Always make sure to include an input next to a slider so the component passes target size and non-dragging interaction requirements.

Labels

Visible: Always make sure to include a visible label

Range: Always make sure to include a visible label for each of the labels input when there's a range

Increments: Always make sure to include the value of the increments inside the label

Help make this page more useful.

Help make this page more useful.