Die vertraute Farbschaltfläche der Symbolleiste: ein Symbol mit einem Balken in der gewählten Farbe darunter, die beim Klick die Farbauswahl öffnet.
Warum es hilft
- Zeigt die aktuelle Farbe
- Symbolleistenfreundlich
- Öffnet die Farbauswahl
Wo es passt
- Text- und Füllfarbe in Editoren
- Zeichenwerkzeuge
- Labels
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.