Textarea

.textarea styles HTML <textarea> elements.

Applicable Elements

• textarea

Basic Usage

<textarea class="textarea" rows="4" style="width: 320px;" placeholder="This is a textarea."></textarea>

States

<textarea class="textarea error" rows="3" style="width: 320px;" placeholder="This is a textarea."></textarea>
<textarea class="textarea" rows="3" style="width: 320px;" disabled>This textarea is disabled.</textarea>

React component Advanced

<Textarea/> renders a single <textarea class="textarea" /> element.

It inherits the error property from a Fieldset component and automatically applies the error style.

Q&A

How do I customize the outline shown on focus?

You can set the outline property in CSS.
However, we recommend keeping the default outline for accessibility.