Een vrije lijst met tags zonder formulier in zicht. Gebruikers drukken op Enter of een komma om een tag toe te voegen en op Backspace om de laatste te verwijderen.
Waarom het helpt
- Snelle vrije tags
- Toetsenbordvriendelijk
- Verwijderbare chips
Waar het past
- Labels en trefwoorden
- E-maillijsten
- Vaardigheden
Voorbeeld
<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" };
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.