Noen handlinger er tilstander, ikke hendelser. ToggleButton husker om den er på eller av og forteller det til hjelpemidler, så knapper for fet skrift, filtre og lyd av oppfører seg slik brukerne forventer.
Hvorfor det hjelper
- Tydelig på- og av-tilstand
- Kunngjøres riktig for skjermlesere
- Ser ut som de andre knappene dine
Hvor det passer
- Fet og kursiv i en verktøylinje
- Vis eller skjul filtre
- Handlinger for lyd av og fest
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.