# Views

The ColorPicker provides options for [configuring its popup view](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/colorpicker/combined-views#configuring-popup-view) and [implementing combined views](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/colorpicker/combined-views#implementing-combined-views).

## Configuring Popup View

You can configure the ColorPicker to render either a [ColorGradient](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorgradientprops) or a [ColorPalette](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpaletteprops) in its popup. To choose between the two, provide either `gradient` or `palette` to the [`view`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#view) input property of the component. By default, the ColorPicker uses the `palette` view.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/colorpicker/view/popup/source.txt)

## Implementing Combined Views

To set a combined view and render both the ColorPalette and ColorGradient in the popup of the ColorPicker, set the [`view`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#view) property to `combo`.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/colorpicker/view/combined/source.txt)

## Suggested Links

* [API Reference of the ColorPicker](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops)