Une rangée de boutons d’outils avec le bon rôle pour les technologies d’assistance.
Pourquoi c’est utile
- Sémantique de barre d’outils
- Espacement cohérent
- Convient à tous les boutons
Où il trouve sa place
- Éditeurs
- En-têtes de tableaux
- Panneaux
Exemple
<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;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.