Den velkendte farveknap til værktøjslinjen: et ikon med en bjælke i den valgte farve under, der åbner farvevælgeren ved klik.
Hvorfor det hjælper
- Viser den aktuelle farve
- Værktøjslinjevenlig
- Åbner farvevælgeren
Hvor det passer
- Tekst- og fyldfarve i editorer
- Tegneværktøjer
- Mærkater
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.