Range Slider
The range slider allows users to select a value or a range of values within a predefined range. It provides a visual indication of the selected range, ensuring clarity in data selection.
Below is a table showing the different range slider states, their design token names, color values, and previews.
| Preview | State | Design Token Name | Color Value | Color Preview |
|---|
Each range slider state dynamically retrieves its design tokens from the Figma system, ensuring a consistent UI.