Textarea

Multi-line text input with auto-resize and character count.

Basic Usage

Message

<ATextarea v-model="value" label="Message" :rows="3" />

Auto-resize + Character Count

With autosize, the textarea grows automatically. Use minRows / maxRows to set limits.

Auto-resize

Airo UI makes every pixel breathe for your product.51/200

<ATextarea
  v-model="value"
  :autosize="{ minRows: 2, maxRows: 6 }"
  :maxlength="200"
  show-count
/>

API

Props

Name	Type	Default	Description
modelValue	string	''	Bound value
label	string	—	Top label
placeholder	string	—	Placeholder
rows	number	3	Initial rows
maxlength	number	—	Max characters
showCount	boolean	false	Show character count
autosize	boolean | { minRows?: number; maxRows?: number }	false	Auto-resize
disabled	boolean	false	Disabled
readonly	boolean	false	Read-only
error	boolean	false	Error state
errorMessage	string	—	Error message

Emits

Same as Input.