Cuando falta espacio, un icono lo dice todo. IconButton muestra solo un icono, pero siempre lleva una etiqueta que sirve de nombre accesible y de pista, así nadie tiene que adivinar qué hace.
Por qué ayuda
- Botón compacto de barra de herramientas
- Nombre accesible y pista integrados
- Mismos colores y estilos que el resto de botones
Dónde encaja
- Acciones de fila de tabla
- Barras de herramientas de editores
- Esquinas de tarjetas
Ejemplo
<Stack Align="center" Spacing="3">
<IconButton Icon="IconName.Edit" Label="Edit" />
<IconButton Icon="IconName.Copy" Label="Copy" Variant="Variant.Outlined" />
<IconButton Icon="IconName.Delete" Label="Delete" Color="ButtonColor.Danger" />
<IconButton Icon="IconName.Add" Label="Add" Variant="Variant.Filled" />
<IconButton Icon="IconName.Settings" Label="Settings" Size="Size.Small" Color="ButtonColor.Secondary" Variant="Variant.Filled" />
<IconButton Icon="IconName.Refresh" Label="Refresh" Size="Size.Large" />
</Stack>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.