pattern-library 2 linked patterns 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.
Read with a purpose
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. | 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. Its value comes from the specific claims and setting described above.
Publisher: Visa Product Design System. Last checked: .