Le bouton de couleur de barre d’outils bien connu : une icône avec une barre de la couleur choisie dessous, qui ouvre le sélecteur de couleur au clic.
Pourquoi c’est utile
- Montre la couleur actuelle
- Adapté aux barres d’outils
- Ouvre le sélecteur de couleur
Où il trouve sa place
- Couleur de texte et de remplissage dans les éditeurs
- Outils de dessin
- Étiquettes
Exemple
<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 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.