Text Area

Multi-line input. Resize handle appears bottom-right; disabled removes it.

View in Figma
<TextArea placeholder="Type your message…" />
<TextArea
  defaultValue="The HVAC unit on the third floor has been running loudly since this morning."
/>
<TextArea defaultValue="bad value" error />
<TextArea defaultValue="locked" disabled />
Props
error:boolean= false
Error border treatment.
disabled:boolean= false
Disabled state. Removes the resize handle.
placeholder:string
Native placeholder text.
value / defaultValue:string
Controlled or uncontrolled value.
Tokens