Textarea with Helper Text for React

When the label doesn't settle the question people will have: where the text appears, who reads it, what to include. Skip it for self-evident fields such as Message or Comment.

Below, as here, for short context people can read after the field. Put it between the label and the field, as the Textarea with Description example does, when it's an instruction people need before they start typing.

FieldDescription sets the muted color and a smaller size, so the helper reads as secondary to the label and the field. The token keeps enough contrast in both themes.

One sentence, like the one here. Longer guidance belongs on a help page linked from the description.

Yes, it renders whatever you give it: a count, a hint that updates as people type. When the text describes an error, show a FieldError and mark the Field invalid instead, so the error is styled and announced as one.

Give the FieldDescription an id and set the Textarea's aria-describedby to it, so screen readers read the helper when the field gets focus, after its label.