Textarea element represents a multi-line plain-text editing control.
| Class | Default | Disabled |
|---|---|---|
.textarea |
HTML
<textarea class="textarea" placeholder="Placeholder"></textarea>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>textarea-fixed-height disables the ability to resize the textarea component in browser.
HTML
<textarea class="textarea textarea-fixed-height" placeholder="Placeholder"></textarea>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>