Component

Text area

A multi-line text field with a focus halo matching the rest of the input family, an optional character counter, and a configurable min/max row range.

Standalone

Note

text area.tsx

<NativeTextArea
  label="Note"
  value={value}
  onValueChange={setValue}
  placeholder="Add a note..."
  maxLength={140}
/>

The multi-line field at the bottom of a feedback form, the one place in that form that needs more than a single line.

Reason for dispute

text-area-example.tsx

<NativeTextArea
  label="Reason for dispute"
  value={value}
  onValueChange={setValue}
  placeholder="Describe what happened..."
  minRows={4}
/>

Prop	Type	Description
valuerequired	string	-
onValueChangerequired	(value: string) => void	-
placeholder	string	-
label	string	-
hint	string	-
maxLength	number	-
minRows	number	Minimum visible rows
maxRows	number	Maximum rows before scrolling kicks in
disabled	boolean	-
readOnly	boolean	-
className	string	-
surface	NativeInputSurface	Plain = white fill. Grouped = tinted fill for grouped layouts.