Skip to content

Slider 滑动条

滑动输入条。

示例

API

属性说明类型默认值
min最小值number0
max最大值number100
step步长number1
value当前值number-
defaultValue默认值number0
onChange值变化回调(value: number) => void-
showValue显示当前值booleantrue

可访问性

  • 请为滑动条提供 aria-label 或外部 <label>,避免只有轨道而没有可访问名称。
  • showValue 开启时,可见的当前值会通过 aria-describedby 关联到原生 range 输入。
  • 如果业务侧已经传入 aria-describedby,组件会保留已有描述并追加当前值。