Skip to content
COLOR AND FILE · FREE

ColorPalette

A grid of swatches that is quick to scan and easy to use with the keyboard.

A grid of color swatches that is quick to scan and easy to use with the keyboard: one tab stop, arrow keys to move and choose.

Why it helps

  • Swatches at a glance
  • Keyboard friendly
  • Behaves as a radio group

Where it fits

  • Highlight colors
  • Category colors
  • Label pickers
ColorPalette control in a RayCraft page

Example

<ColorPalette @bind-Value="_color" Label="Accent color" />
<p>Chosen: @(_color ?? "none") (arrow keys move and choose)</p>

@code {
    private string? _color = "#003399";
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation