Components

Slider 滑块

单值或区间滑动输入，键盘方向键可调，焦点光环清晰。

单值与区间

modelValue 传数组即进入双柄区间模式。

带宽上限 · 64%

延迟区间 · 40–120 ms

<div class="space-y-5 max-w-md">
  <div>
    <Label>带宽上限 · {{ cap }}%</Label>
    <Slider v-model="cap" :min="0" :max="100" class="mt-3 pr-2" />
  </div>
  <div>
    <Label>延迟区间 · {{ range[0] }}–{{ range[1] }} ms</Label>
    <Slider v-model="range" :min="10" :max="200" class="mt-3 pr-2" />
  </div>
</div>

API 参考

属性	类型	默认值	说明
`model-value`	`number \| number[]`	`0`	v-model；数组为区间模式。
`min / max / step`	`number`	`0 / 100 / 1`	数值范围。
`orientation`	`'horizontal' \| 'vertical'`	`horizontal`	方向。
`disabled`	`boolean`	`false`	禁用。