---
title: Disabled ColorPicker
page_title: Disabled ColorPicker - ColorPicker - Kendo UI for Vue
description: "Enable or disable the Kendo UI ColorPicker wrapper for Vue."
slug: disabled_state_colorpicker_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/colorpicker/disabled"
position: 2
---

<div><WrapperBanner link="/kendo-vue-ui/components/inputs/colorpicker/disabled"></WrapperBanner></div>

# Disabled ColorPicker

By default, the ColorPicker is enabled.

To disable the component, set its `enable` setting.

{% meta height:420 %}
{% embed_file colorpicker/disabled/main.vue preview %}
{% embed_file colorpicker/disabled/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI ColorPicker for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/colorpicker/overview)
* [API Reference of the ColorPicker Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker)