Textarea

The Textarea component is used for multi-line text input, such as descriptions or comments.

Props

Prop	Type	Default	Description
modelValue	string	''	The current value of the textarea. Use with v-model.
placeholder	string	''	Placeholder text shown when the textarea is empty.
rows	number	0	Number of visible text lines.
cols	number	0	Number of visible columns (width).
disabled	boolean	false	Disables the textarea input.
invalid	boolean	false	Applies invalid styling to indicate an error state.

Usage Examples

Basic

<Textarea v-model="value" placeholder="Enter a description..." rows="3" cols="30" />

Description *

This is a hint text to help user.

Disabled

<Textarea v-model="disableValue" placeholder="sample" rows="5" cols="30" disabled />

Invalid

<Textarea v-model="invalidValue" placeholder="sample" rows="5" cols="30" invalid />