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	禁用。