Textarea

forms

Multi-line text input field for longer form content with error state support. Auto-resizing with minimum height, accessible, and consistent with Input styling.

@launch/ui

Live Preview

Basic

Basic Textarea

Simple multi-line text input

Sizes

Different Sizes

Control textarea height with rows

Small (3 rows)

Large (8 rows)

States

Textarea States

Various textarea states

Disabled

Read Only

This content cannot be edited by the user.

Error State

Real World

Character Counter

Textarea with character limit and counter

0 / 200 characters

Usage Guidance

✓ When to Use

Use for multi-line text input: comments, descriptions, messages, bio fields, notes, feedback forms. Anywhere users need to enter multiple lines of text.

✗ When NOT to Use

Don't use for single-line text (use Input instead), rich text editing (use a rich text editor), or code editing (use a code editor component).

Props

errorclassNamestylechildrenonClickonChange

Components