Nogle handlinger er tilstande, ikke begivenheder. ToggleButton husker, om den er tændt eller slukket, og fortæller det til hjælpeteknologi, så knapper til fed, filter og lyd fra opfører sig, som brugerne forventer.
Hvorfor det hjælper
- Tydelig tændt og slukket tilstand
- Annonceres korrekt for skærmlæsere
- Ligner dine øvrige knapper
Hvor det passer
- Fed og kursiv i en værktøjslinje
- Vis eller skjul filtre
- Handlinger til lyd fra og fastgør
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.