Slider
値を選択するスライダーコンポーネント。
インポート
import { Slider } from '@caroainc/ui-components/client'個別サブパス(バンドルサイズを抑えたい場合):
import { Slider } from '@caroainc/ui-components/slider'基本的な使い方
Loading...
<Slider defaultValue={[50]} max={100} step={1} />範囲指定
Loading...
<Slider defaultValue={[30]} />
<Slider defaultValue={[25]} max={50} />
<Slider defaultValue={[50]} step={10} />無効状態
Loading...
<Slider disabled />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number[] | - | 現在値(制御コンポーネント) |
defaultValue | number[] | - | 初期値 |
max | number | 100 | 最大値 |
min | number | 0 | 最小値 |
step | number | 1 | ステップ値 |
disabled | boolean | false | 無効状態 |