En fri liste av tagger uten skjema i sikte. Brukerne trykker Enter eller komma for å legge til en tagg og Backspace for å fjerne den siste.
Hvorfor det hjelper
- Raske frie tagger
- Tastaturvennlig
- Fjernbare chips
Hvor det passer
- Etiketter og nøkkelord
- E-postlister
- Ferdigheter
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.