Vælg flere elementer fra en liste, tydeligt grupperet i et fieldset med forklaring, så skærmlæsere annoncerer, hvad valgmulighederne hører til.
Hvorfor det hjælper
- Flere valg som én gruppe
- Tilgængelig gruppering
- Enkelte elementer kan deaktiveres
Hvor det passer
- Interesser og præferencer
- Tilladelser
- Filtre
Eksempel
<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" };
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.