cla-checkbox
Checkbox component.
Usage
<cla-checkbox name="">
Content of label goes here
</cla-checkbox>
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
block |
block |
Whether to use the block style variant of the checkbox. | boolean |
undefined |
checked |
checked |
Is it Checked ? | boolean |
false |
disabled |
disabled |
Whether the checkbox is disabled. | boolean |
false |
inverted |
inverted |
Whether to use the inverted variant of the checkbox. | boolean |
undefined |
large |
large |
Whether to use the large variant of the checkbox. | boolean |
undefined |
name |
name |
The checkbox ID & name | string |
undefined |
value |
value |
The checkbox value | 0 |
undefined |
Events
Event | Description | Type |
---|---|---|
selected |
Emitted when the checkbox is selected. | CustomEvent<any> |
unselected |
Emitted when the checkbox is unselected. | CustomEvent<any> |
Slots
Slot | Description |
---|---|
Allows label content |
Built with StencilJS