Velg flere elementer fra en kompakt nedtrekksliste. MultiSelect viser avkrysningsbokser, oppsummerer valget i feltet og har Velg alle og Fjern innebygd.
Hvorfor det hjelper
- Flere valg i ett kompakt felt
- Velg alle og Fjern innebygd
- Oppsummering vist i knappen
Hvor det passer
- Tildeling av team og tagger
- Filterverdier
- Tillatelser
Eksempel
<MultiSelect TValue="string" Label="Tags" Items="_tags" @bind-Values="_selected" HelperText="Pick any number." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _tags = ["Blazor", "SASS", "Accessibility", "Localization", "Charts", "Forms"];
private IReadOnlyCollection<string> _selected = new List<string> { "Blazor" };
}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.