Skip to content

Kirby 3.6.1

Textarea field

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

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

Props

Prop Type Default Description
after
string
autofocus
boolean
before
string
buttons
boolean|array
true
counter
boolean
true
disabled
boolean
endpoints
object
font
string
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
placeholder
string
preselect
boolean
required
boolean
size
string
Supported values:
small, medium, large, huge
Pre-selects the size before auto-sizing kicks in. This can be useful to fill gaps in field layouts.
spellcheck
boolean|string
"off"
theme
string
translate
boolean
type
string
uploads
boolean|object|array
value
string
null

Events

Event Description Passes
blur
focus

Slots

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

Toolbar

No toolbar

<k-textarea-field :buttons="false" />

Only selected buttons

<k-textarea-field :buttons="['bold', 'italic']" />

Available buttons:

  • headlines
  • bold
  • italic
  • link
  • email
  • code
  • ol
  • ul

CSS classes

.k-textarea-field