El conocido botón de color de barra de herramientas: un icono con una barra del color elegido debajo, que abre el selector de color al hacer clic.
Por qué ayuda
- Muestra el color actual
- Apto para barras de herramientas
- Abre el selector de color
Dónde encaja
- Color de texto y relleno en editores
- Herramientas de dibujo
- Etiquetas
Ejemplo
<ColorButton Icon="IconName.TextColor" Label="Text color" @bind-Value="_text" />
<ColorButton Icon="IconName.FillColor" Label="Fill color" @bind-Value="_fill" FallbackColor="#ffff00" />
<ColorButton Icon="IconName.Highlight" Label="Highlight (disabled)" Value="_fill" Disabled="true" />
<p>Text: @(_text ?? "default"), fill: @(_fill ?? "none")</p>
@code {
private string? _text = "#cc0000";
private string? _fill;
}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.