TextArea

Uses the same typography and integrated focus treatment as other text fields. Default: medium text, three rows.

<TextArea value={notes} onValueChange={setNotes} autoGrow aria-label="Notes" />
  • size: theme typography; defaults to medium.
  • autoGrow: native content sizing, one initial row, maximum height 180px.
  • rows: minimum line count when growing; normal native row count otherwise.
  • padding, jss: spacing and height constraints.
  • Native disabled, readOnly, aria-invalid, and textarea attributes are forwarded.

Without browser support for field-sizing, native row sizing and manual resizing remain available. Use Composer for send behavior and footer controls.