Skip to content

Kirby 3.9.8

Toggle field

<k-toggle-field>

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.

Have a look at <k-field>, <k-input> and <k-toggle-input> for additional information.

<k-toggle-field v-model="toggle" label="Toggle" name="toggle" />

Props

Prop Type Default Description
after
string
autofocus
boolean
before
string
counter
boolean|object
disabled
boolean
endpoints
object
help
string
icon
string|boolean
id
number|string
input
string|number
invalid
boolean
label
string
name
number|string
novalidate
boolean
false
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.
theme
string
translate
boolean
type
string
value
boolean
null

Events

Event Description Passes
blur
focus

Slots

Slot Description
after
before
counter
default
footer
header
help
icon
label
options

CSS classes

.k-toggle-field