Превърнете чиповете във филтри. ChipSet позволява на потребителите да изберат един чип или няколко, когато го разрешите.
Защо помага
- Единичен или множествен избор
- Чудесен за филтри
- Същият вид като Chip
Къде пасва
- Филтри по категория
- Бързи опции
- Избор на тагове
Пример
<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";
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.