Textarea input
<k-textarea-input>
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 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 |
|
|
| submit |
|
– |
Toolbar
No toolbar
<k-textarea-field :buttons="false" />Only selected buttons
<k-textarea-field :buttons="['bold', 'italic']" />Available buttons:
headlinesbolditaliclinkemailcodeolul
CSS classes
.k-textarea-input