Textarea

Form components used for inputting data directly from the keyboard, on multiple lines.

Example

Basic Textarea

Disabled State

Disabled Textarea

Clearable Textarea

Clearable Textarea

Prefix and Suffix

Inkline allows you to easily add a prefix or suffix to your Textareas. Using prefixes and suffixes you can, indicate your Textarea type using an icon or text.

Textarea Prefix and Suffix
@
@
@ @

Prepend and Append

You can add additional content such as select fields, buttons or plain text, to either side of the Textarea by using the prepend and append slots.

Textarea Prepend and Append
http://
http://
http://
.com

Sizes

You're able to use the size modifier to control the size of your textareas, using one of the available sizes: sm, md, and lg. The default size is set to md.

Textarea Sizes

API

Textarea API <i-textarea>
Property Description Type Accepted Default
clearable Sets the textarea as clearable. Clearable textareas have a clear icon when value a is provided. Boolean true, false false
disabled Sets the state of the textarea form component as disabled. Boolean true, false false
placeholder Sets the placeholder of the textarea form component. String
readonly Sets the state of the textarea form component as readonly. Boolean true, false false
schema Provides a schema binding to the textarea form component. See the Form Validation documentation. Object
size Sets the size of the textarea form component. String sm, md, lg md
value Sets the value of the textarea form component. To be provided using the v-model directive. String