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

ColorPicker Views

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

You can configure the ColorPicker to render either a ColorGradient or a ColorPalette component in its popup. To choose between the two, provide either one of the gradient or palette options to the view input property of the component. By default, the gradient view will be used.

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:

In this article

Not finding the help you need?