Skip to content

Kirby 3.9.8

Tel field

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

<k-tel-field v-model="tel" name="tel" label="Phone number" />

Props

Prop Type Default Description
after
string
autocomplete
string
"tel"
autofocus
boolean
before
string
counter
boolean|object
disabled
boolean
endpoints
object
help
string
icon
string
"phone"
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
"tel"
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-tel-field