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:
headlinesbolditaliclinkemailcodeolul
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:
smallmediumlargehuge
spellcheck
Boolean (default: null)
If false, spellchecking will be switched off.
value / v-model
String (default: null)
Methods
focus()
Set the focus on the field.
Events
@input
The input event is triggered when the value changes.
CSS class
.k-textarea-field