VOOZH about

URL: https://www.geeksforgeeks.org/css/bulma-textarea-sizes/

⇱ Bulma Textarea Sizes - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Bulma Textarea Sizes

Last Updated : 24 Apr, 2023

Bulma is a free, open-source CSS framework based on Flexbox. It is component rich, compatible, and well documented. It is highly responsive in nature. It uses classes to implement its design.

The Bulma textarea form element is the multi-line version of the input element. We will use <textarea> element with textarea class to create textarea element in Bulma.

The Bulma Textarea Size is used to set the size of the textarea field. There are four different input sizes available in Bulma that are - small, normal, medium, and large. You can set the input size using one of the classes provided by Bulma. The default size of an input field is normal.

Bulma Textarea Sizes Classes:

  • is-small: It is used to set the textarea field size to small.
  • is-normal: It is used to set the textarea field size to normal.
  • is-medium: It is used to set the textarea field size to medium.
  • is-large: It is used to set the textarea field size to large.

Syntax:

<textarea class="textarea is-small"
 placeholder="Small textarea">
</textarea>

Example: This example describes the Bulma Textarea Size Classes.

Output:

👁 Bulma Textarea Sizes

Reference: https://bulma.io/documentation/form/textarea/#sizes

Comment
Article Tags: