Toggle input
<k-toggle-input>
This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.
<k-input v-model="toggle" name="toggle" type="toggle" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| autofocus |
boolean |
– |
|
| disabled |
boolean |
– |
|
| id |
number|string |
– |
|
| required |
boolean |
– |
|
| text |
array|string |
– |
The text to display next to the toggle. This can either be a string that doesn't change when the toggle switches. Or an array with the first value for the
false text and the second value for the true text. |
| value |
boolean |
– |
|
Events
| Event | Description | Passes |
|---|---|---|
| input |
|
– |
| invalid |
|
|
CSS classes
.k-toggle-input