# Controlled Mode

By default, the Switch is in an uncontrolled state.

To manage the state of the Switch, use its [`checked`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/switchprops#checked) property, handle the [`onChange`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/switchprops#onchange) event, and pass the new value through the props.

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

## Manual Switch Toggle

The following example demonstrates how to manually toggle the Switch.

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

## Read-Only Switch

The following example demonstrates how to implement a read-only Switch.

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

## Suggested Links

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