New to Kendo UI for Angular? Start a free 30-day trial

ColorPicker Views

The ColorPicker provides options for configuring its popup view and display a gradient or palette view, or both by implementing a combined view.

For more information on customizing the supported views, refer to the article on customizing the ColorPicker.

Gradient and Palette Views

You can configure the ColorPicker to render either a ColorGradient or a ColorPalette component in its popup. To implement them, provide the gradient or palette options respectively to the view input property of the component. By default, the popup is rendered in the gradient view.

The following example demonstrates both ColorPicker views in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Combined View

To set a combined view and have both the ColorGradient and the ColorPalette components rendered in the ColorPicker popup, set the view property to combo.

The following example demonstrates how to configure a ColorPicker with a combined view.

Example
View Source
Edit In Stackblitz  
Change Theme: