En fri lista av taggar utan formulär i sikte. Användare trycker Enter eller komma för att lägga till en tagg och Backsteg för att ta bort den sista.
Varför det hjälper
- Snabba fria taggar
- Tangentbordsvänlig
- Borttagbara chips
Var det passar
- Etiketter och nyckelord
- E-postlistor
- Färdigheter
Exempel
<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" };
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.