Textarea

Textarea element represents a multi-line plain-text editing control.

Class Default Disabled
.textarea
HTML 
<textarea class="textarea" placeholder="Placeholder"></textarea>

Usage

Here is an example of a standard textarea usage paired with a label.

HTML 
<label class="label margin-bottom-xxs" for="textarea-demo">Label</label>
<textarea class="textarea" id="textarea-demo" placeholder="Placeholder"></textarea>

Sizes

textarea-fixed-height disables the ability to resize the textarea component in browser.

HTML 
<textarea class="textarea textarea-fixed-height" placeholder="Placeholder"></textarea>

Validation states

textarea-danger/textarea-success helps with visual reflection of validation states.

State Class Example
Danger .textarea .textarea-danger
Success .textarea .textarea-success
HTML 
<textarea class="textarea textarea-danger" placeholder="Placeholder"></textarea>

Figma