<tyro-ui-switch>
Switch
Composant toggle - état activé/désactivé, glissière de gauche à droite. Supporte un label et une variante désactivée. Utilise la liaison bidirectionnelle
[(value)]. États
Désactivé / Activé / Avec label
Disabled
Éteint désactivé / Allumé désactivé
Inputs
Propriété | Type | Défaut | Description |
|---|---|---|---|
[(value)] | boolean | false | État du switch - two-way binding disponible |
[disabled] | boolean | false | Désactive le switch |
[label] | string | - | Texte affiché à droite du switch |
Outputs
Événement | Payload | Description |
|---|---|---|
(valueChange) | boolean | Émis à chaque changement d'état |
Utilisation
readonly darkMode = signal(false); <tyro-ui-switch [(value)]="darkMode" [label]="lang() === 'en' ? 'Dark mode' : 'Mode sombre'"> </tyro-ui-switch>