Slider

複合コンポーネント（Slider.Root / Control / Track / Indicator / Thumb）。M3 レールとハンドルのステートレイヤーを提供します。

参考: Material Design 3 公式ガイドライン m3.material.io/components/sliders/overview

Import

import { Slider, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Slider.Root defaultValue={50} min={0} max={100}>
  <Slider.Control>
    <Slider.Track>
      <Slider.Indicator />
      <Slider.Thumb aria-label="音量" />
    </Slider.Track>
  </Slider.Control>
</Slider.Root>

Props

Prop	型	既定値	説明
`value / defaultValue`	`number`	—	現在値
`min / max`	`number`	—	範囲