Eine freie Liste von Tags, ganz ohne Formular. Benutzer drücken Enter oder Komma, um ein Tag hinzuzufügen, und die Rücktaste, um das letzte zu entfernen.
Warum es hilft
- Schnelle freie Tags
- Tastaturfreundlich
- Entfernbare Chips
Wo es passt
- Labels und Schlagwörter
- E-Mail-Listen
- Fähigkeiten
Beispiel
<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" };
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.