Skip to content

Kirby 3.9.8

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
  • undefined

CSS classes

.k-toggle-input