Range Components
Range Slider Examples
Simple Range
With Label
Show Value (Positions)
50
50
50
All Sizes
All Colors
With Steps and Markers
3
||||||
012345
|||||
0255075100
Custom Format
$500
20°C
75%
With Helper Text
80
Adjust screen brightness
50
Volume level from 0 to 100
With Error
$200
Value must be at least $500
Disabled
Controlled Range
50
Current value:50
Practical Use Cases
Audio Settings
70%
0
0
Center
Filter Products
€2500
Maximum price
3+ stars
||||||
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Customer Satisfaction Survey
7
|||||||||||
012345678910
8
|||||||||||
0 = Not at all likely, 10 = Extremely likely
Image Adjustments
0
0
100%
0px