Някои действия са състояния, а не събития. ToggleButton помни дали е включен или изключен и го съобщава на помощните технологии, така че бутоните за удебеляване, филтър и заглушаване се държат така, както потребителите очакват.
Защо помага
- Ясно състояние включено и изключено
- Правилно обявяван на екранните четци
- Изглежда като останалите ви бутони
Къде пасва
- Удебелен и курсив в лентата с инструменти
- Показване или скриване на филтри
- Действия за заглушаване и закачане
Пример
<Stack Align="center" Wrap="true">
<ToggleButton @bind-Pressed="_bold" Icon="IconName.Edit">Bold</ToggleButton>
<ToggleButton @bind-Pressed="_pinned" Icon="IconName.Bookmark" Color="ButtonColor.Success">Pinned</ToggleButton>
<ToggleButton Disabled="true">Disabled</ToggleButton>
<span>Bold: @_bold, pinned: @_pinned</span>
</Stack>
@code {
private bool _bold;
private bool _pinned = true;
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.