Reference

Textarea Field

<k-textarea-field>

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

Props

after

String (default: null)

Text that is shown after the input (right before the icon)

autofocus

Boolean (default: false)

If true, the field will be instantly focused when the form is created

before

String (default: null)

Text that is shown before the input

buttons

Array|Boolean (default: true)

Enables or disables all or specific buttons in the 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

disabled

Boolean (default: false)

If true, the field is disabled and cannot be filled in or edited

help

String (default: null)

Sets the help text below the field

icon

String (default: null)

Sets the icon, that is shown on the right next to the input.

label

String (default: null)

Sets the label text for the field.

maxlength

Number (default: null)

The maximum number of accepted characters

minlength

Number (default: null)

The minimum number of required characters. When the field is not required, empty values are still accepted, even if a minlength is set.

name

String (default: null)

The name of the field must be defined to get fields in fieldsets up and running.

placeholder

String (default: null)

A placeholder, that is being shown in the input, as long as no value is entered yet.

required

Boolean (default: false)

If true, the field must not be empty

size

String (default: null)

Pre-selects the size before auto-sizing kicks in. This can be useful to fill gaps in field layouts. Available sizes:

  • small
  • medium
  • large
  • huge

spellcheck

Boolean (default: null)

If false, spellchecking will be switched off.

value / v-model

String (default: null)

Methods

focus()

The focus event can be used to set the focus on the field.

Events

@input

The input event is triggered when the value changes.

CSS class

.k-textarea-field