This website requires JavaScript to deliver the best possible experience.

Textarea

<textarea class="textarea is-normal is-black">Textarea</textarea>
textarea.textarea.is-normal.is-black Textarea
<textarea class="textarea is-tiny is-black">is-tiny</textarea>
<textarea class="textarea is-small is-black">is-small</textarea>
<textarea class="textarea is-normal is-black">is-normal</textarea>
<textarea class="textarea is-large is-black">is-large</textarea>
<textarea class="textarea is-massive is-black">is-massive</textarea>
textarea.textarea.is-tiny.is-black is-tiny
textarea.textarea.is-small.is-black is-small
textarea.textarea.is-normal.is-black is-normal
textarea.textarea.is-large.is-black is-large
textarea.textarea.is-massive.is-black is-massive

You can set the height of the textarea using the `rows` HTML attribute.

<textarea rows="4" class="textarea is-normal is-black">rows="4"</textarea>
<textarea rows="8" class="textarea is-normal is-black">rows="8"</textarea>
textarea.textarea.is-normal.is-black(rows="4") rows="4"
textarea.textarea.is-normal.is-black(rows="8") rows="8"
<textarea class="textarea is-primary">is-primary</textarea>
<textarea class="textarea is-secondary">is-secondary</textarea>
<textarea class="textarea is-info">is-info</textarea>
<textarea class="textarea is-success">is-success</textarea>
<textarea class="textarea is-warning">is-warning</textarea>
<textarea class="textarea is-danger">is-danger</textarea>
<textarea class="textarea is-black">is-black</textarea>
<textarea class="textarea is-white">is-white</textarea>
textarea.textarea.is-primary is-primary
textarea.textarea.is-secondary is-secondary
textarea.textarea.is-info is-info
textarea.textarea.is-success is-success
textarea.textarea.is-warning is-warning
textarea.textarea.is-danger is-danger
textarea.textarea.is-black is-black
textarea.textarea.is-white is-white
<textarea class="textarea is-normal is-black is-disabled">is-disabled</textarea>
textarea.textarea.is-normal.is-black.is-disabled is-disabled
ModifierDescriptionClass
Colorindicates the element state

.is-black

.is-white

.is-primary

.is-secondary

.is-info

.is-success

.is-warning

.is-danger

Sizechanges the element size based on font-size

.is-tiny

.is-small

.is-normal

.is-large

.is-massive

Disabledindicates that the textarea is disabled.is-disabled

This website uses cookies to ensure you get the best experience on our website.