Vissa åtgärder är tillstånd, inte händelser. ToggleButton minns om den är på eller av och talar om det för hjälpmedel, så knappar för fetstil, filter och ljud av beter sig som användare förväntar sig.
Varför det hjälper
- Tydligt på- och av-tillstånd
- Tillkännages korrekt för skärmläsare
- Ser ut som dina övriga knappar
Var det passar
- Fetstil och kursiv i ett verktygsfält
- Visa eller dölj filter
- Åtgärder för ljud av och fäst
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.