Eine Zeile von Werkzeugschaltflächen mit der richtigen Rolle für Hilfstechnologien.
Warum es hilft
- Symbolleisten-Semantik
- Einheitliche Abstände
- Passt zu beliebigen Schaltflächen
Wo es passt
- Editoren
- Tabellenköpfe
- Panels
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.