FormSliderField
SliderField
スライダーフィールドコンポーネント
概要
数値範囲スライダー。複数サムによるレンジ選択にも対応。
Props
| Prop | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
label | string | Yes | — | フィールドラベル |
description | string | — | — | ヘルパーテキスト |
error | string | — | — | エラーメッセージ |
value | number[] | — | — | 制御値 |
defaultValue | number[] | — | — | 初期値 |
onValueChange | (value: number[]) => void | — | — | 変更コールバック |
min | number | — | 0 | 最小値 |
max | number | — | 100 | 最大値 |
step | number | — | 1 | ステップ |
disabled | boolean | — | — | 無効化 |
使用例
import { SliderField } from "@unitto/ui";
<SliderField
label="価格帯"
min={0}
max={10000}
step={100}
defaultValue={[3000]}
onValueChange={(value) => console.log(value)}
/>