TextArea

stable

Multi-line text input with auto-resize support

Data EntryInteractive/Storybook ↗

import { TextArea } from "@nodus/design-system"

Loading demo…

Props

Prop	Type	Default	Description
`label`	`string`	—	Label text displayed above the textarea
`error`	`string`	—	Error message — also sets aria-invalid
`hint`	`string`	—	Helper text below the textarea
`resize`	`CSSProperties['resize']`	"vertical"	CSS resize behavior
`rows`	`number`	4	Initial visible rows

label

Type stringDefault —

Label text displayed above the textarea

error

Type stringDefault —

Error message — also sets aria-invalid

hint

Type stringDefault —

Helper text below the textarea

resize

Type CSSProperties['resize']Default "vertical"

CSS resize behavior

rows

Type numberDefault 4

Initial visible rows

Metadatasemantic type border input

MobileTouch Target

Inputs are full-width. Use at least 16px font to prevent iOS auto-zoom. Set resize='none' to avoid accidental resize on touch.

Design Rationale

This component was designed to express:

01Visibility Over Invisibility

View all principles →

Explore Related

Text input with label, hint, and error states

Labeled text field with validation and helper text

Was this helpful?