Bulma Button Displays

Bulma is an open-source CSS framework that provides pre-built components which can be combined together to make responsive websites and web applications. We can choose the display of buttons in Bulma as per our choice. Mainly there are four displays of buttons is available in Bulma.

Bulma Displays Class:

• Normal: Button has a normal display as by default.
• is-small: To give a small display to the button we use class is-small.
• is-medium: To give a small display to the button we use class is-medium.
• is-large: To give a small display to the button we use class is-large.

Syntax:

<button class="button display-class">
 ...
</button>

Example 1: In the example below, we are trying to illustrate the Button Display Classes.

Output:

👁 Image

Example 2: In the example below, we are trying to illustrate the Button Display Classes.

Output:

👁 Image

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