Den välbekanta färgknappen i verktygsfältet: en ikon med ett fält i den valda färgen under, som öppnar färgväljaren vid klick.
Varför det hjälper
- Visar den aktuella färgen
- Verktygsfältsvänlig
- Öppnar färgväljaren
Var det passar
- Text- och fyllningsfärg i redigerare
- Ritverktyg
- Etiketter
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.