Escolha vários itens de uma lista, claramente agrupados em um fieldset com legenda para que os leitores de tela anunciem a que as opções pertencem.
Por que ajuda
- Várias escolhas como um grupo
- Agrupamento acessível
- Itens individuais podem ser desativados
Onde se encaixa
- Interesses e preferências
- Permissões
- Filtros
Exemplo
<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" };
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.