Textarea field

<k-textarea-field>

• kirby/panel/src/components/Forms/Field/TextareaField.vue

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