Una fila de botones de herramientas con el rol adecuado para las tecnologías de asistencia.
Por qué ayuda
- Semántica de barra de herramientas
- Espaciado coherente
- Admite cualquier botón
Dónde encaja
- Editores
- Cabeceras de tabla
- Paneles
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.