Slider
Slider component with various special shapes and styles
案例展示
滑块在实际场景中的使用示例
音量控制
Volume: 50%
亮度调节
价格范围
Price Range$20 - $80
带刻度标签
0
25
50
75
100
特殊形态
不同样式的滑块轨道和手柄
条纹轨道
方形手柄
菱形手柄
粗轨道 + 矩形手柄
渐变轨道
带有渐变色的滑块轨道
紫粉渐变
彩虹渐变
温度渐变
ColdHot
颜色变体
不同颜色的滑块
带刻度线
显示刻度和标签的滑块
5 格刻度
0
25
50
75
100
11 格刻度 (0-100)
0
10
20
30
40
50
60
70
80
90
100
自定义范围 (0-1000)
0
200
400
600
800
1000
状态展示
滑块的不同状态
单值滑块
范围滑块
多值滑块 (3个手柄)
禁用状态
带数值显示
实时显示滑块数值
Value50
不同步长
设置不同的步长值