Labels

The Switch enables you to control the title of its labels.

You can use the labels for displaying additional information about the active or inactive options. To set the behavior of the labels, use the messages prop which defines the text of the checked and unchecked labels. All labels support localization.

<div id="vueapp" class="vue-app">
    <kendo-switch name="switch" :messages="messages">
    </kendo-switch>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp",
    data () {
      return {
        checked: false,
        messages: {
          checked: 'YES',
          unchecked: 'NO'
        }
      }
    }
})

In this article