co-switch
This content is not available in your language yet.
Ver código
<co-switch label="Notificaciones activas" checked></co-switch>Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|---|---|---|---|
checked | checked | boolean | false | Whether the switch is on |
disabled | disabled | boolean | false | Disabled state |
helperText | helper-text | string | undefined | — | Helper text displayed below |
label | label | string | undefined | — | Label text displayed beside the switch |
secondaryLabel | secondary-label | string | undefined | — | Secondary label displayed on the right side |
status | status | "default" | "error" | "info" | "success" | "warning" | 'default' | Validation status |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|---|---|---|---|
coChange | boolean | ✓ | ✓ | Fired when the switch changes |
Slots
Este componente no expone slots.
CSS Parts
| Part | Descripción |
|---|---|
::part(label) | |
::part(secondary-label) | |
::part(thumb) | |
::part(track) |
CSS Custom Properties
Este componente no expone CSS custom properties.