Uma lista livre de tags sem formulário à vista. Os usuários pressionam Enter ou vírgula para adicionar uma tag e Backspace para remover a última.
Por que ajuda
- Tags livres rápidas
- Amigável ao teclado
- Chips removíveis
Onde se encaixa
- Rótulos e palavras-chave
- Listas de e-mails
- Habilidades
Exemplo
<TagInput @bind-Values="_tags" Label="Keywords" Placeholder="Type a keyword and press Enter or comma" HelperText="Backspace removes the last tag." MaxTags="6" />
<span>@_tags.Count tags: @string.Join(" | ", _tags)</span>
@code {
private IReadOnlyCollection<string> _tags = new List<string> { "blazor", "sass" };
}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.