Skip to content

Kirby 3.9.8

Text field

<k-text-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-text-input> for additional information.

<k-text-field v-model="text" name="text" label="Boring text" />

Props

Prop Type Default Description
after
string
autocomplete
boolean|string
"off"
autofocus
boolean
before
string
counter
boolean
true
disabled
boolean
endpoints
object
help
string
icon
string|boolean
id
number|string
function() { return this._uid; }
input
string|number
invalid
boolean
label
string
maxlength
number
minlength
number
name
number|string
novalidate
boolean
false
pattern
string
placeholder
string
preselect
boolean
required
boolean
spellcheck
boolean|string
"off"
theme
string
translate
boolean
type
string
"text"
value
string
null

Events

Event Description Passes
blur
focus

Slots

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

CSS classes

.k-text-field