U.S. Web Design System Range slider
Documents range slider use when approximate or relative value matters more than precision, regular text input as the precise alternative, draggable and track-click behavior, min and max labels, step granularity, and screen reader callout units.
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Range slider | Choose a range slider when users need both a minimum and maximum value on one known numeric scale. | Each thumb controls one endpoint in a related value pair. | USWDS range slider guidance supports approximate or relative range selection, precise text-input alternatives, draggable behavior, min/max labels, step granularity, and screen reader units. |
| Slider | Choose a slider for one adjustable numeric or relative value inside a known range. | Moving the thumb changes one value within the declared minimum and maximum. | USWDS range slider guidance supports approximate relative selection, precise text-input alternatives, draggable track behavior, min/max labels, step granularity, and screen reader units. |
Comparisons supported by this source
- Range slider vs slider vs text input vs date range picker
USWDS supports range-slider use for approximate or relative numeric selection, precise input alternatives, draggable behavior, min/max labels, and screen reader units.
- Slider vs text input vs select vs toggle switch
USWDS supports slider use when relative or approximate value matters more than precision and recommends text input when users need precise numbers.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: U.S. Web Design System. Last checked: .