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.

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.

Help make this page more useful.