Checkbox
Checkboxes allow the user to select one or more items from a set.
Basic
<me-checkbox></me-checkbox>
<me-checkbox checked></me-checkbox>
<me-checkbox indeterminate></me-checkbox>
Colors
Disabled
With Label
<label style="display:flex;align-items:center;gap:4px">
<me-checkbox></me-checkbox>
Accept terms and conditions
</label>
API
| Attribute | Type | Default | Description |
checked | boolean | false | Whether the checkbox is checked. |
indeterminate | boolean | false | Indeterminate state (overrides checked visually). |
disabled | boolean | false | Disables the checkbox. |
color | primary | secondary | error | warning | info | success | primary | The color palette to use. |
value | string | on | The value submitted with the form. |
name | string | — | Form field name. |
required | boolean | false | Required for form validation. |
Events
| Event | Description |
change | Fired when the checked state changes. |