Checkbox

Basic

jui-checkbox の最も基本的な使用例です。

is-disabled などのプロパティを使用してコンポーネントの状態（非活性など）を制御します。

jui-checkbox - チェックボックスコンポーネント

カスタムスタイルのチェックボックスを提供する。 label PropまたはデフォルトSlotでラベルテキストを指定可能。 Slotが優先される。

コンポーネントが受け付ける属性（Props）の一覧と詳細仕様です。

Property	Attribute	Description	Type	Default
`checked`	`checked`	チェック状態	`boolean`	`false`
`isDisabled`	`is-disabled`	無効状態	`boolean`	`false`
`label`	`label`	ラベルテキスト。Slotでも代替可	`string`	`undefined`
`name`	`name`	フォームのname属性	`string`	`undefined`
`value`	`value`	フォーム送信時の値	`string`	`''`

コンポーネントから発火するカスタムイベントの一覧です。

Event	Description	Type
`juiChange`	チェック状態が変更されたときに発火するイベント	`CustomEvent<boolean>`

CSSから直接スタイリング可能な内部要素（Parts）の一覧です。

Part	Description
`"checkbox"`
`"label"`

Built with StencilJS