NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
Switch

This is an overview of the most common usage of Switch. For more information about the available properties, methods, or events, head over to the complete API documentation for Switch.

<Switch> is a UI component that lets users toggle between two states.

The default state is false or OFF.


<Switch checked="true" />

<Switch>provides two-way data binding using v-model.

<Switch v-model="itemEnabled" />

Props

NameTypeDescription
checkedBooleanGets or sets the value of the switch selection.
Default value: false.

Events

NameDescription
checkedChangeEmitted when the switch selection changes.

Native component

AndroidiOS
android.widget.SwitchUISwitch
Contributors