Forms Demo

Démonstration des composants de formulaire — SuperSwitch et SuperTriStateCheckbox.

SuperSwitch

Basique

Utilisation minimale : un SuperSwitch avec @bind-Value.

Activer les notifications

Valeur : False

Sans label

Le Label est optionnel.

Valeur : False

Avec texte d'aide

Le paramètre HelpText affiche un texte d'aide sous le switch.

Mode sombreApplique un thème sombre à toute l'interface.

Valeur : False

Désactivé

Le paramètre Disabled empêche toute interaction.

Désactivé (off)

Désactivé (on)

Position du label

Le paramètre LabelPosition place le label à droite (Right, défaut) ou à gauche (Left) grâce à la classe Bootstrap form-check-reverse.

Label à droite (défaut)

Label à gauche

Callback explicite

Utilisation de Value + ValueChanged pour intercepter le changement.

Journalisation activée

Basique

Chaque clic fait tourner la valeur dans l'ordre null, true, false.

Filtre validéÉtat indéterminé, oui ou non.

Valeur : null

Styles Bootstrap

Le composant conserve les classes Bootstrap form-check et form-check-input, avec des classes additionnelles configurables.

Décision revueExemple avec classes CSS Bootstrap.

Valeur : true

Callback explicite

Utilisation de Value + ValueChanged pour intercepter le changement.

Validation optionnelle

Dans un formulaire avec validation

Intégration dans un EditForm avec DataAnnotationsValidator et ValueExpression.