Textarea

A control for entering and editing multi-line text.

$bunx shadcn@latest add @nx-ui/textarea
Registry item
Installs withutils
Used byinput-groupsettingstransfer-note

Basic

Pair a Textarea with a Label using a matching id. Uncontrolled by default.

Sizing

`field-sizing-content` lets the field grow with its content down to a min-h-16; `rows` sets a starting height, and an explicit height class can cap it for a fixed scrolling area.

States

Disabled dims and blocks interaction; aria-invalid draws the destructive ring for validation errors.

A reason is required to reject this consignment.

Composition: incident report

A Textarea inside Field/FieldLabel, with a live character count and a submitting state.

Visible to the site manager and the environmental compliance team. 207 characters left.

API reference

Exported parts and their props, extracted from the component source.

…extends React.ComponentProps<"textarea">