---
title: Checked State
page_title: Checked State - Switch - Kendo UI for Vue
description: "Indicate and render the Kendo UI Switch as checked when using the Kendo UI Switch wrapper for Vue."
slug: checked_state_switch_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/switch/controlled-switch/"
position: 2
---

<div><WrapperBanner link="/kendo-vue-ui/components/inputs/switch/controlled-switch/"></WrapperBanner></div>    

# Checked State

The Switch displays two exclusive options through its checked or unchecked state.

To configure the initial state of the Switch, set its [`checked`](https://docs.telerik.com/kendo-ui/api/javascript/ui/switch#checked) option.

{% meta height:100 %}
{% embed_file switch/check-state/main.vue preview %}
{% embed_file switch/check-state/main.js %}
{% endmeta %}

## Suggested Links

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