pattern-library checked
Visa Product Design System Slider
Documents slider anatomy, required labels and rails, optional tooltips and min/max values, settings use, binary-option avoidance, checkbox and radio alternatives, units, discrete and continuous behavior, and dual-point slider boundaries.
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. | Visa slider guidance documents dual-point sliders for upper and lower boundaries, common filtering use, min/max values, units, and calendar alternatives for dates. |
| 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. | Visa slider guidance supports required labels, min/max values, units, checkbox/radio alternatives for small sets, binary-option avoidance, and discrete versus continuous behavior. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Visa Product Design System. Last checked: .