Checkbox
A control that allows the user to toggle between checked and not checked.
<Checkbox.Box slot="component" class="checkbox__box">
<Checkbox.Indicator class="checkbox__indicator">
<svelte:fragment slot="checked">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
<path d="M13.854 4.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
</svelte:fragment>
</Checkbox.Indicator>
</Checkbox.Box>
API Reference
Checkbox
| Prop | Type | Default |
|---|---|---|
name |
string |
|
checked |
CheckboxState |
false |
required |
boolean |
false |
disabled |
boolean |
false |