Checkbox
Checkboxは、ユーザーが複数の選択肢から1つ以上を選択できるコンポーネントです。
プロパティ
Checkboxは、以下のプロパティをサポートしています。
| 名前 | 型 | デフォルト値 | 説明 |
|---|---|---|---|
checked |
boolean |
なし | チェック状態を制御します。 |
indeterminate |
boolean |
false |
一部のみ選択された状態や、不確定な状態を表します。 |
isError |
boolean |
false |
エラーのスタイルを適用します。 |
disabled |
boolean |
false |
チェックボックスを無効化します。 |
インストールの手順
以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。 パスは実際のプロジェクトの構成にあわせて更新します。
使い方
サンプル
Default
特に操作が行われていない、デフォルトの状態です。
Error
入力内容に問題があり、エラーが表示されている状態です。
Disabled
利用不可の状態です。
Indeterminate
一部のみ選択された状態や、不確定な状態を示します。
ツリービューで親が一部の子だけ選ばれている場合などに使用されます。
Group
bind:group を使うことで、複数のチェックボックスをグループ化し、同じ値を共有できます。 これにより、複数のチェックボックスの状態を一括で管理できます。