En rad med verktøyknapper med riktig rolle for hjelpemidler.
Hvorfor det hjelper
- Verktøylinjesemantikk
- Konsekvent avstand
- Passer alle knapper
Hvor det passer
- Redigeringsprogrammer
- Tabelloverskrifter
- Paneler
Eksempel
<Toolbar Label="Editor">
<IconButton Icon="IconName.Undo" Label="Undo" />
<IconButton Icon="IconName.Redo" Label="Redo" />
<Divider Vertical="true" />
<ToggleButton @bind-Pressed="_bold" Size="Size.Small">Bold</ToggleButton>
<ToggleButton @bind-Pressed="_italic" Size="Size.Small">Italic</ToggleButton>
<Divider Vertical="true" />
<Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Print">Print</Button>
</Toolbar>
@code {
private bool _bold;
private bool _italic;
}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.