<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
Modifier | Description | Class |
---|---|---|
Color | indicates the element state | .is-black .is-white .is-primary .is-secondary .is-info .is-success .is-warning .is-danger |
Size | changes the element size based on font-size | .is-tiny .is-small .is-normal .is-large .is-massive |
Disabled | indicates that the textarea is disabled | .is-disabled |