Textarea input

<k-textarea-input>

• kirby/panel/src/components/Forms/Input/TextareaInput.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.

<k-input v-model="text" name="text" type="textarea" />

Props

Prop	Type	Default	Description
autofocus	boolean	–
buttons	boolean|array	true
disabled	boolean	–
endpoints	object	–
font	string	–
id	number|string	function() { return this._uid; }
maxlength	number	–
minlength	number	–
name	number|string	–
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	–
uploads	boolean|object|array	–
value	string	–

Events

Event	Description	Passes
focus		–
input		–
invalid		undefined
submit		–

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-input