ホーム/コンポーネント/フォームと入力/レンジ Range

FormRange

スライダー入力コンポーネント。

import { FormRange } from "@blueai/ui"

Examples

Basic

音量

値: 50

const [value, setValue] = useState(50);

<FormRange
  label="音量"
  value={value}
  onChange={setValue}
  min={0}
  max={100}
/>

Prop	Type	Default	Description
value*	number	—	現在の値
onChange	(value: number) => void	—	値変更ハンドラ
min	number	0	最小値
max	number	100	最大値
step	number	1	ステップ
label	string	—	ラベルテキスト