Textarea

A multi-line plain-text user textarea, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.

A wrapper around native HTML <textarea>, supports all HTMLTextareaElement properties, methods and events
Multiple pre-designed sizes and border radiuses
Handles invalid appearance
Resizes on user input

Installation

Usage

<Textarea />

Examples

Size

Radius

Reduce Motion

Minimum Rows

Maximum Rows

Resize

When using resize maxRows prop is ignored and autoresizing is disabled. minRows still working.

Validation

There’s an additional TextareaField component built specifically for easy and clean isomorphic form validation. It leverages Conform and Zod, providing a single source of truth for both frontend and backend while preserving native browser validation APIs. It also seamlessly integrates with the latest React 19 features, such as useServerAction:

API Reference

Prop	Type	Default
`size`	`enum`	`"default"`
`radius`	`enum`	`―`
`invalid`	`boolean`	`―`
`reduceMotion`	`boolean`	`false`
`minRows`	`number`	`2`
`maxRows`	`number`	`―`
`resize`	`enum`	`―`

Textarea component is a wrapper around native HTML <textarea>, it supports all HTMLTextareaElement properties, methods and events.

Useful links: