Textarea

.textarea is for html textarea.

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

React component Textarea is available.
It inherits the error property from a Fieldset component and automatically applies the error style.

※ The disabled state is automatically inherited through the native HTML feature.

Q&A

How to customize the bold line that appears when focused?

You can set outline property in CSS.
Though it is recommended to leave it as default for accessibility.