Skip to content

Kirby 3.6.1

Slug field

<k-slug-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.

<k-slug-field v-model="slug" name="slug" label="Slug" />

Props

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

Events

Event Description Passes
blur
focus

Slots

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

CSS classes

.k-slug-field