Une liste libre de tags sans formulaire en vue. Les utilisateurs appuient sur Entrée ou une virgule pour ajouter un tag, et sur Retour arrière pour retirer le dernier.
Pourquoi c’est utile
- Tags libres rapides
- Adapté au clavier
- Chips amovibles
Où il trouve sa place
- Étiquettes et mots-clés
- Listes d’e-mails
- Compétences
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.