Bulma Button Sizes

Bulma Button size class is used to set the size of the button. The button in Bulma comes in four different sizes: small, medium, normal, and large. You can set the button size using one of 4 CSS classes provided by Bulma. The default size of a button is normal.

Button Size Classes:

• is-small: This class is used to set the button size to small
• is-normal: This class sets the button size to normal.
• is-medium: This class is used to set the button size to medium.
• is-large: This class is used to set the button size to large.

Syntax:

<button class="button is-large">
 Button
</button>

Example: The below example illustrates the button size classes in Bulma.

Output:

👁 Bulma Button Sizes

Reference: https://bulma.io/documentation/elements/button/#sizes