Choisissez plusieurs éléments dans une liste, clairement regroupés dans un fieldset avec légende afin que les lecteurs d’écran annoncent à quoi appartiennent les options.
Pourquoi c’est utile
- Plusieurs choix en un seul groupe
- Regroupement accessible
- Éléments désactivables individuellement
Où il trouve sa place
- Centres d’intérêt et préférences
- Autorisations
- Filtres
Exemple
<CheckboxGroup TValue="string" Label="Notify me by" Items="_channels" @bind-Values="_selected" ShowSelectAll="true" ItemDisabled="@(channel => channel == "Phone")" HelperText="Phone is fixed by your administrator." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _channels = { "Email", "SMS", "Push", "Phone" };
private IReadOnlyCollection<string> _selected = new[] { "Email" };
}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.