Den kjente fargeknappen i verktøylinjen: et ikon med et felt i den valgte fargen under, som åpner fargevelgeren ved klikk.
Hvorfor det hjelper
- Viser gjeldende farge
- Verktøylinjevennlig
- Åpner fargevelgeren
Hvor det passer
- Tekst- og fyllfarge i redigeringsprogrammer
- Tegneverktøy
- Etiketter
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.