Textarea

Textarea collects multi-line freeform text — a comment, a description, a message. It renders the same field surface as Input (appearance × size), so it sits on the shared grid and reddens on aria-invalid like every other control; its minimum height is derived as two control rows so it reads as multi-line at rest. For a single line, use Input; for a fixed-length code, InputOTP; for a choice, Select.

Always pair a Textarea with a Label, and size it to the expected input. Start tall enough to signal that a few sentences are welcome; a single-row box invites single-word answers. Use the placeholder for an example, never as the field's name.

Show limits before they're hit, not after. When there's a max length, surface a live character count and warn as it approaches the cap — don't silently truncate on submit. Wire validation through aria-invalid + a described error message so the state is announced.

Let users grow the field. Allow vertical resize (or auto-grow) for longer entries rather than trapping a long message in a small scroll box. Don't disable the browser's resize handle without giving an equivalent way to see more.