Una lista libre de tags sin formulario a la vista. Los usuarios pulsan Intro o una coma para añadir un tag y Retroceso para quitar el último.
Por qué ayuda
- Tags libres rápidos
- Cómodo con teclado
- Chips que se pueden quitar
Dónde encaja
- Etiquetas y palabras clave
- Listas de correo
- Habilidades
Ejemplo
<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" };
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.