co-checkbox
This content is not available in your language yet.
Ver código
<co-checkbox label="Acepto los términos"></co-checkbox>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
appearance | appearance | "default" | "overlay" | 'default' | Visual appearance: - 'default' — the standard labeled form checkbox (unchanged). - 'overlay' — a standalone frosted rounded selection chip (Drive), no label, bespoke SVG glyphs. |
checked | checked | boolean | false | Whether the checkbox is checked |
disabled | disabled | boolean | false | Disabled state |
indeterminate | indeterminate | boolean | false | Indeterminate state (partial selection) — visual only, overrides checked appearance |
label | label | string | undefined | — | Label text displayed beside the checkbox |
onColor | on-color | string | undefined | — | Accent fill color used when checked/indeterminate. Defaults to the current design token. |
size | size | "large" | "medium" | "small" | 'small' | Size: small=16px, medium=20px, large=24px (overlay appearance: small=20px, medium/large=22px) |
value | value | string | '' | Value for checkbox group usage |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|---|---|---|---|
coChange | boolean | ✓ | ✓ | Fired when the value changes |
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(box) | |
::part(label) |
CSS Custom Properties
Este componente no expone CSS custom properties.