Välj flera objekt från en kompakt rullgardin. MultiSelect visar kryssrutor, sammanfattar valet i fältet och innehåller Markera alla och Rensa.
Varför det hjälper
- Flera val i ett kompakt fält
- Markera alla och Rensa inbyggda
- Sammanfattning visad i knappen
Var det passar
- Tilldelning av team och taggar
- Filtervärden
- Behörigheter
Exempel
<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" };
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.