The Bulma textarea
CSS class is the multiline version of the
input
element:
HTML
You can set the height of the textarea using the rows
HTML attribute.
HTML
Colors
#
The textarea
element is available in several colors:
HTML
HTML
HTML
HTML
HTML
HTML
Sizes
#
The textarea
element comes in
4 different sizes:
HTML
States
#
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.
Normal
HTML
Hover
HTML
Focus
HTML
Loading
HTML
You can resize the loading spinner by appending is-small
, is-medium
or
is-large
to the control
container.
Disabled
HTML
Readonly
If you use the readonly
HTML attribute, the textarea will look similar to a normal one, but is not
editable and has no shadow.
HTML
Fixed Size
You can disable a textarea
resizing by appending the has-fixed-size
modifier:
HTML
Sass and CSS variables
#
Sass Variable
|
CSS Variable
|
Value
|
|
|
|
|
|
|
|
|
|