Regroupez des contrôles de formulaire liés sous une légende. Disabled désactive chaque contrôle à l’intérieur.
Pourquoi c’est utile
- Légende pour le contexte
- Désactiver tout un groupe
- Accessible
Où il trouve sa place
- Adresses
- Préférences
- Détails de paiement
Exemple
<Fieldset Legend="Contact details" Disabled="_locked">
<Stack Direction="StackDirection.Column">
<TextField @bind-Value="_name" Label="Name" />
<TextField @bind-Value="_email" Label="Email" Type="email" />
</Stack>
</Fieldset>
<Checkbox @bind-Value="_locked" Label="Disable the whole group" />
@code {
private string? _name = "Ada";
private string? _email;
private bool _locked;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.