Vue Inputs Library & ColorPicker - Views - Kendo UI for Vue Docs & Demos
New to Kendo UI for Vue? Start a free 30-day trial

Views

The ColorPicker provides options for configuring its popup view and implementing combined views.

Configuring Popup View

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

Example
View Source
Change Theme:

Implementing Combined Views

To set a combined view and render both the ColorPalette and ColorGradient in the popup of the ColorPicker, set the view property to combo.

Example
View Source
Change Theme: