Toggle
Basic
Toggle
isChecked: false
<vnt-toggle v-model="isChecked"></vnt-toggle>
Checked
Toggle
<vnt-toggle checked></vnt-toggle>
Disabled
Toggle
<vnt-toggle v-model="isChecked" disabled></vnt-toggle>
Custom label
Custom label
isChecked: false
<vnt-toggle v-model="isChecked">Custom label</vnt-toggle>
Custom On/Off labels
Toggle
isChecked: false
<vnt-toggle v-model="isChecked" label-on="Yes" label-off="No"></vnt-toggle>
Configuration
checked
Default: false
Decides about the toggle's state.
disabled
Default: false
Determines whether the toggle should be in disabled mode or not.
label
Default: 'Toggle'
The toggle's label text.
labelOff
Default: 'Off'
Unchecked state's text information.
labelOn
Default: 'On'
Checked state's text information.