DWG · 01.10 · COMPONENT SPEC

Textarea

Multi-line text entry. Shares Input's field wiring — label, annotation, hint, and error states — with a resizable control.

Default

01.10·A
PREVIEWPX · 1:1
<Textarea
  label="Revision notes"
  placeholder="Describe the change…"
/>

With length limit + hint

01.10·B
PREVIEWPX · 1:1

Printed in the sheet footer

<Textarea
  label="Title block note"
  maxLength={140}
  hint="Printed in the sheet footer"
  rows={3}
/>

Error state

01.10·C

The error message replaces the hint and turns the control danger-red. Type below to clear it.

PREVIEWPX · 1:1
A note is required for each revision
const [value, setValue] = useState("");

<Textarea
  label="Revision notes"
  value={value}
  onChange={(e) => setValue(e.target.value)}
  hint="Recorded against this revision"
  error={value.trim() ? undefined : "A note is required for each revision"}
/>