En fri liste af tags uden en formular i syne. Brugerne trykker Enter eller komma for at tilføje et tag og Backspace for at fjerne det sidste.
Hvorfor det hjælper
- Hurtige frie tags
- Tastaturvenlig
- Fjernbare chips
Hvor det passer
- Mærkater og nøgleord
- E-maillister
- Færdigheder
Eksempel
<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" };
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.