The Telerik UI for Blazor ColorPalette is a versatile color selection tool with customizable dimensions, colors to choose from and styling. Add a sprinkle of validation and keyboard navigation and you have a quality component to be used across your application.
The ColorPalette displays the user with a grid of colors each aspect of which is customizable. You can provide a list of CSS colors (so any combination of RGB(A), HSL(A), hex or CSS names is valid). If you don’t have a concrete set of colors in mind, pick one of the predefined color palettes. The number of rows and columns of the grid and the size of each tile can be specified as well. Thanks to this you can make big single-row or single-column setups when you only need a handful of colors or large selection of tiny tiles.
The component fits neatly in the validation system of Telerik UI for Blazor and you can use the standard validation attributes in your model to specify the constraints for the input e.g. by making the input required.
Users can navigate the palette using the arrow keys and select the desired color by pressing Enter – neither of these requires any explanation and it’s only natural for any users to try to work with these keys.