Carbon Design System Slider
Documents default single-value sliders, range sliders, labels, min and max values, number input pairing, focus and active states, warning, error, disabled, read-only, skeleton, tooltip, and single-value versus range use.
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. | Carbon range slider guidance defines minimum and maximum number inputs, two handles, track, min/max labels, exact input, click and drag behavior, and date-picker avoidance for date ranges. |
| 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. | Carbon slider guidance distinguishes default single-value sliders from range sliders and documents labels, min and max, number input pairing, value display, states, and keyboard interaction. |
Comparisons supported by this source
- Range slider vs slider vs text input vs date range picker
Carbon defines range sliders as minimum and maximum values from a predefined range with two number inputs, two handles, min/max labels, and range-specific keyboard and mouse behavior.
- Slider vs text input vs select vs toggle switch
Carbon distinguishes default single-value sliders from range sliders and documents number input pairing, labels, min and max values, interaction states, and warning/error/disabled/read-only states.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: IBM Carbon Design System. Last checked: .