The Bulma textarea CSS class is the multiline version of the input element:
--- title: Textarea layout: documentation doc-tab: form doc-subtab: textarea breadcrumb: - home - documentation - form - form-textarea meta: colors: true sizes: true variables: false --- {% capture textarea_example %} {% endcapture %} {% capture textarea_rows_example %} {% endcapture %} {% capture colors_example %}
The Bulma textarea CSS class is the multiline version of the input element:
You can set the height of the textarea using the rows HTML attribute.
The textarea element is available in several colors:
The textarea element comes in 4 different sizes:
Bulma styles the different states of the textarea element. Each state is available as a pseudo-class and a CSS class:
:hover and is-hovered
:focus and is-focused
:active and is-active
This allows you to obtain the style of a certain state without having to trigger it.
You can resize the loading spinner by appending is-small, is-medium or is-large to the control container.
If you use the readonly HTML attribute, the textarea will look similar to a normal one, but is not editable and has no shadow.
You can disable a textarea resizing by appending the has-fixed-size modifier: