Wählen Sie mehrere Einträge aus einer Liste, klar in einem Fieldset mit Legende gruppiert, damit Screenreader ansagen, wozu die Optionen gehören.
Warum es hilft
- Mehrere Auswahlen als eine Gruppe
- Barrierefreie Gruppierung
- Einzelne Einträge lassen sich deaktivieren
Wo es passt
- Interessen und Vorlieben
- Berechtigungen
- Filter
Beispiel
<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" };
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.