トグルグループToggleGroup
Experimental

オン/オフできる二値のボタン群です。

状態とバリエーション

書式設定のように、複数の状態を同時にオンにできます。

配置や表示モードなど、1つだけ選ぶ操作に使います。

ツールバー内でボタン境界を見せたい場合に使います。

一時的に操作できない項目はボタンの形を保ち、ツールチップで理由を補足します。

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

プロパティ	型	初期値	説明
type	'single' \| 'multiple'	-	単一選択か複数選択かを指定します。
value / defaultValue	string \| string[]	-	選択中の値です。type に応じて型が変わります。
onValueChange	(value: string \| string[]) => void	-	選択状態が変わった時に呼ばれます。
disabled	boolean	false	グループ全体、または項目ごとに操作を無効化します。理由が必要な場合はツールチップで補足します。
variant	'default' \| 'outline'	'default'	各項目の見た目です。枠線を見せたい時は outline を使います。
size	'default' \| 'sm' \| 'lg'	'default'	各 ToggleGroupItem のサイズです。