跳到內容

Slider (am-slider)

am-slider 是單值 <input type="range"> wrapper,支援 vertical orientation、Container Queries 與選用的 CSS thumb 按壓效果。

  • 單值 slider,不支援 multi-thumb range
  • 支援 minmaxstepdefaultValue
  • 支援 orientation="horizontal" | "vertical"
  • gpu 只代表 thumb 按壓時的 scale feedback,不代表另一套渲染後端
<Slider min={0} max={100} step={5} defaultValue={50} aria-label="Volume" />
<Slider defaultValue={65} orientation="vertical" aria-label="Zoom" />

詳見 playground /playground/slider/ 範例。