スライダーSlider
Experimental

指定範囲から値を選ぶ入力コンポーネントです。

状態とバリエーション

ラベル横に現在値を置くと、ドラッグ中も値を確認できます。

音量64%

現在値を横に表示して、ドラッグ中も数値を確認できます。

数値を意味のある段階名へ対応させる時に使います。

品質高

低標準高最高

操作できない理由はツールチップと補足文で伝えます。

音量64%

この設定は現在変更できません。

表は横にスクロールできます

プロパティ	型	初期値	説明
value	number	-	外部から制御する値です。
defaultValue	number	-	初期値です。
onValueChange	(value: number) => void	-	値が変わった時に呼ばれます。
min	number	0	選択できる最小値です。
max	number	100	選択できる最大値です。
step	number	1	増減の単位です。
disabled	boolean	false	操作できない状態にします。理由はツールチップで補足します。