Checkbox

インポート

import { Checkbox } from '@caroainc/ui-components/client'

利用規約に同意する

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">利用規約に同意する</Label>
</div>

チェック済み

<Checkbox id="checked" defaultChecked />

無効

無効（チェック済み）

<Checkbox disabled />
<Checkbox disabled defaultChecked />

Prop	Type	Default	Description
`checked`	`boolean`	`-`	チェック状態（制御コンポーネント）
`defaultChecked`	`boolean`	`-`	初期チェック状態
`onCheckedChange`	`(checked: boolean) => void`	`-`	チェック状態変更時のコールバック
`disabled`	`boolean`	`false`	無効状態