De vertrouwde kleurknop voor de werkbalk: een pictogram met een balk in de gekozen kleur eronder, die bij klikken de kleurkiezer opent.
Waarom het helpt
- Toont de huidige kleur
- Werkbalkvriendelijk
- Opent de kleurkiezer
Waar het past
- Tekst- en vulkleur in editors
- Tekengereedschap
- Labels
Voorbeeld
<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;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.