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.

The primitive

Note

text area.tsx

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

The reason field at the bottom of a payment-dispute 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 (matches NativeInput). Grouped = iOS tinted fill.