Textarea

Textarea is an input that allows the user to enter long form info and manually adjust the input size accordingly.

Best practices

• Always allow the size of the text input box to reflect the length of the content you expect the user to enter. Use Input for a single line of text; use TextArea when you expect more than one sentence.
• Display character limit/counter to set user expectations about input length.
• Use clear and concise language for all labels.
• Use help messaging to further clarify what the input is asking, never use icons for this purpose.
• Ensure error messaging adds specific instructions on how to resolve an error.

Variants

Default

Placeholder

Error

Disabled

Development

import Textarea from '@nerdwallet/react-textarea';
<Textarea />;

Props

In addition to the props defined by this component, any props <textarea> takes, such as name, value, onChange, etc., are accepted.