如何使用
- 在一个阈值范围内,选择一个值;
- 在一个阈值范围内,选择一个区间作为值进行输入。
解构
- 滑块 用户通过点击和拖拽滑块来选择值;
- 滑块经过部分 用于标识滑块当前位置占总长度的比例,用户可据此判断大致的值;
- 滑轨 滑块仅能在滑轨上进行移动,不能超出滑轨范围;
Components Demo
✅ ️ Figma Variants
基本用法
通过点击和拖拽滑块来选择值。
范围选择
选择一个区间范围作为值进行输入。
与输入框组合
滑动条的滑块和输入框组件保持同步。
标签刻度
滑动条中显示阈值相关的刻度
Step
Mask