Kies meerdere items uit een compacte keuzelijst. MultiSelect toont selectievakjes, vat de selectie samen in het veld en bevat Alles selecteren en Wissen.
Waarom het helpt
- Meerdere keuzes in één compact veld
- Alles selecteren en Wissen ingebouwd
- Samenvatting getoond in de knop
Waar het past
- Team- en tagtoewijzing
- Filterwaarden
- Machtigingen
Voorbeeld
<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" };
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.