SGDS Textarea Component Skill

<sgds-textarea> is a multi-line text input with built-in label, hint text, character limit feedback, resize control, spellcheck, and validation support.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Set visible rows? → rows="4" (default is 4)

Limit character count? → maxlength="200" — displays a counter near the field

Prevent manual resize? → resize="none"

Auto-expand to content? → resize="auto"