inputs
Checkbox
Radix UI ベースのアクセシブルなチェックボックス。ラベルやエラー状態の表示に対応。
インポート
import { Checkbox } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | Size preset |
| label | ReactNode | undefined | Label rendered beside the checkbox |
| error | boolean | false | Error state styling |
Preview
使用例
With label
<Checkbox label="Accept terms and conditions" defaultChecked />
<Checkbox label="Required field" error />