Välj flera objekt från en lista, tydligt grupperade i ett fieldset med förklaring så att skärmläsare tillkännager vad alternativen hör till.
Varför det hjälper
- Flera val som en grupp
- Tillgänglig gruppering
- Enskilda objekt kan inaktiveras
Var det passar
- Intressen och preferenser
- Behörigheter
- Filter
Exempel
<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" };
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.