# Controlled Mode

By default, the ColorPalette is in an uncontrolled state.

To manage the state of the ColorPalette use either `v-model` or:

1. Use its [`value`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpaletteprops#value) property.
2. Handle the [`onChange`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpaletteprops#onchange) event.
3. Pass the new value through the props.

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

## Suggested Links

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