如何使用

  • 在一个阈值范围内,选择一个值;
  • 在一个阈值范围内,选择一个区间作为值进行输入。

解构

类型
  1. 滑块 用户通过点击和拖拽滑块来选择值;
  2. 滑块经过部分 用于标识滑块当前位置占总长度的比例,用户可据此判断大致的值;
  3. 滑轨 滑块仅能在滑轨上进行移动,不能超出滑轨范围;

Components Demo

✅ ️ Figma Variants

基本用法

通过点击和拖拽滑块来选择值。

范围选择

选择一个区间范围作为值进行输入。

与输入框组合

滑动条的滑块和输入框组件保持同步。

标签刻度

滑动条中显示阈值相关的刻度
Step
Mask