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.
