Сегментирана контрола за един избор или няколко. Ползвайте я за превключватели на изгледи и други взаимно изключващи се опции.
Защо помага
- Един или много избора
- Компактна и позната
- Достъпни роли
Къде пасва
- Списъчен или мрежов изглед
- Подравняване на текст
- Времеви периоди
Пример
<ToggleGroup TValue="string" Label="Alignment (one)" Items="_alignments" @bind-Value="_alignment" />
<ToggleGroup TValue="string" Label="Formatting (several)" Items="_styles" Multiple="true" @bind-Values="_selected" Size="Size.Small" />
<span>@_alignment; @string.Join(", ", _selected)</span>
@code {
private readonly string[] _alignments = ["Left", "Center", "Right"];
private readonly string[] _styles = ["Bold", "Italic", "Underline"];
private string _alignment = "Left";
private IReadOnlyCollection<string> _selected = new List<string> { "Bold" };
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.