Escolha vários itens em uma lista suspensa compacta. MultiSelect mostra caixas de seleção, resume a seleção no campo e inclui Selecionar tudo e Limpar.
Por que ajuda
- Várias escolhas em um campo compacto
- Selecionar tudo e Limpar embutidos
- Resumo mostrado no botão
Onde se encaixa
- Atribuição de equipes e tags
- Valores de filtros
- Permissões
Exemplo
<MultiSelect TValue="string" Label="Tags" Items="_tags" @bind-Values="_selected" HelperText="Pick any number." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _tags = ["Blazor", "SASS", "Accessibility", "Localization", "Charts", "Forms"];
private IReadOnlyCollection<string> _selected = new List<string> { "Blazor" };
}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.