Maak van chips filters. ChipSet laat gebruikers één chip selecteren, of meerdere wanneer je dat toestaat.
Waarom het helpt
- Enkele of meervoudige keuze
- Geweldig voor filters
- Zelfde uiterlijk als Chip
Waar het past
- Categoriefilters
- Snelle opties
- Tagselectie
Voorbeeld
<ChipSet TValue="string" Label="Filters" Items="_filters" Multiple="true" @bind-Values="_selected" />
<ChipSet TValue="string" Label="Sort by (one)" Items="_sorts" @bind-Value="_sort" />
<span>@string.Join(", ", _selected); sorted by @_sort</span>
@code {
private readonly string[] _filters = ["Open", "Assigned to me", "High priority", "This week"];
private readonly string[] _sorts = ["Newest", "Oldest", "Priority"];
private IReadOnlyCollection<string> _selected = new List<string> { "Open" };
private string _sort = "Newest";
}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.