Transforme chips em filtros. ChipSet deixa os usuários selecionarem um chip, ou vários quando você permitir.
Por que ajuda
- Escolha única ou múltipla
- Ótimo para filtros
- Mesmo visual do Chip
Onde se encaixa
- Filtros por categoria
- Opções rápidas
- Seleção de tags
Exemplo
<ChipSet TValue="string" Label="Filters" Items="_filters" Multiple="true" @bind-Values="_selected" />
<ChipSet TValue="string" Label="Sort by (one)" Items="_sorts" @bind-Value="_sort" />
<span>@string.Join(", ", _selected); sorted by @_sort</span>
@code {
private readonly string[] _filters = ["Open", "Assigned to me", "High priority", "This week"];
private readonly string[] _sorts = ["Newest", "Oldest", "Priority"];
private IReadOnlyCollection<string> _selected = new List<string> { "Open" };
private string _sort = "Newest";
}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.