Vælg flere elementer fra en kompakt rulleliste. MultiSelect viser afkrydsningsfelter, opsummerer valget i feltet og indeholder Vælg alle og Ryd.
Hvorfor det hjælper
- Flere valg i ét kompakt felt
- Vælg alle og Ryd indbygget
- Resumé vist i knappen
Hvor det passer
- Tildeling af teams og tags
- Filterværdier
- Tilladelser
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 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.