# Controlled Mode

By default, the ColorGradient is in an uncontrolled state.

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

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

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

## Suggested Links

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