When you expect a large amount of text, perhaps in response to an open-ended question, qualitative feedback or notes on a game, opt for the text area over an input.
<Textarea label="Tell Us More About Your Rating" name="assistBreakdownRatingExplanation" placeholder="Enter some details about why you gave that rating so we can improve" />
The text that appears above the textarea.
A name to bind the id of the textarea to the for of the label.
Determines whether the required text appears next to the label.
Determines whether the textarea is disabled.
Determine whether to show an error state (red text and border) on the input.
The text that appears below the textarea, usually to guide the user on what to provide.
Determines whether to hide the label.
Determines whether to show a visual divider above the textarea.
Changes the min-height from the default of 200px.
Add a custom class to the form element.
A ref passed to the native textarea element.
A unique-enough string that appears as a data attribute in the rendered code and serves as a hook for automated tests.
valueprop, be sure you also pass in an
onChangeprop so the component will update when the user types.
nameattribute is passed to the
id, make sure you provide a unique name.
hasErrorand put the error text in the