<uimc-checkbox
>
</uimc-checkbox>
| Attribute | Description | Values | Default |
|---|
| checked | Reflects the checked state | – | – |
| invalid | Warns about invalidity of the input | – | – |
| disabled | Disables interaction on this element | – | – |
| hint-text | Puts a small helpful text below | | – |
| value | Sets the value of the input | | – |
| id | Overrides the generated id for input and label with a custom one | | uuid |
| Callback | Argument | Description |
|---|
| onChange | Object | Callback function that gets triggered if the state of the component changes |
| Slot | Slotted content |
|---|
| default | Label text is added as slotted content rather than a attribute |
Working sample
Checkbox
Checkbox checked
Checkbox invalid
Checkbox disabled
Checkbox disabled but checked
<p>
<uimc-checkbox
>
Checkbox
</uimc-checkbox>
</p>
<p>
<uimc-checkbox
checked
>
Checkbox checked
</uimc-checkbox>
</p>
<p>
<uimc-checkbox
invalid
hintText="Please confirm this"
>
Checkbox invalid
</uimc-checkbox>
</p>
<p>
<uimc-checkbox
disabled
>
Checkbox disabled
</uimc-checkbox>
</p>
<p>
<uimc-checkbox
checked
disabled
>
Checkbox disabled but checked
</uimc-checkbox>
</p>
