Checkbox group โ
...
Browser support โ
...
Parameters โ
The Web component uses a <z-checkbox-group>
tag.
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
disabled | boolean? | Blocks the interaction with the input component. |
required | boolean? | Marks the input component as required. |
name | string? | Identification for the field inside the form |
invalid | boolean? | The forced state for set the input as invalid |
The events emitted from the component are:
Name | Payload | Description |
---|---|---|
onchange | boolean[] | Returns the new value of the "value" attribute |
Playground โ
Customization โ
HTML Examples โ
Imports
html
<link rel="stylesheet" href="/0.3.6/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.6/@zurich/web-components/checkbox-group.js"></script>
Code
html
<z-checkbox-group label="Checkbox group"
options='[{ "text": "Option A" },{ "text": "Option B" },{ "text": "Option C" },{ "text": "Option D", "disabled": "true" }]'></z-checkbox-group>