Selection controls

Switch・Checkbox・Radio の選択コントロール群。Base UI の状態属性（data-checked 等）に M3 スタイルを適用します。

参考: Material Design 3 公式ガイドライン m3.material.io/components/checkbox/overview

ライブデモ

通知を受け取る利用規約に同意する

無料Pro

Import

import { Switch, Checkbox, Radio, RadioGroup, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Switch checked={on} onCheckedChange={setOn} aria-label="通知" />
<Checkbox checked={agree} onCheckedChange={setAgree} />
<RadioGroup value={plan} onValueChange={setPlan}>
  <Radio value="free" label="無料" />
  <Radio value="pro" label="Pro" />
</RadioGroup>

Props

Prop	型	既定値	説明
`checked / value`	`boolean \| string`	—	選択状態
`indeterminate`	`boolean`	—	Checkbox の中間状態
`disabled`	`boolean`	—	無効状態