<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
Activer les notifications

Disabled

Éteint désactivé / Allumé désactivé
Toujours actif (verrouillé)

Inputs

Propriété
Type
Défaut
Description
[(value)]booleanfalseÉtat du switch - two-way binding disponible
[disabled]booleanfalseDé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>