Textarea with Description for React

When the label alone doesn't say enough: a format to follow, a limit, who will read it. If the description only repeats the label, such as Notes and Enter notes, drop it.

FieldDescription uses the muted color and a smaller size so the label stays the first thing people read and the description reads as supporting text. The muted token keeps enough contrast in both themes.

Field spaces its children evenly, and a FieldDescription followed by one more child pulls itself up a little, so the label and description read as a pair with the field a step below. Change the gap on the Field if your form needs another rhythm.

One short sentence. For several rules, link to a help page or use a list, rather than a paragraph people will skip.

Keep the description and add a FieldError under the Textarea when the value is wrong, with the Field marked invalid. The guidance stays visible while people fix the error, and the border turns destructive.

They read it in order, between the label and the field. To have it announced when the Textarea gets focus, give the description an id and point the Textarea's aria-describedby at it.