Познатият бутон за цвят в лентата с инструменти: иконка с ивица в избрания цвят под нея, който отваря избирателя на цвят при клик.
Защо помага
- Показва текущия цвят
- Удобен за лента с инструменти
- Отваря избирателя на цвят
Къде пасва
- Цвят на текст и запълване в редактори
- Инструменти за рисуване
- Етикети
Пример
<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;
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.