Bulma Button

Bulma Button is used to design classic buttons in different colors, sizes, and states which makes it interactive.

Elements

Descriptions

Bulma Button Colors

This class contains lots of properties to set button colors as we want to apply.

Bulma Button Sizes

The Bulma Button size class is used to set the size of the button. It comes with different sizes normal, small, medium, and large.

Bulma Button Displays

This class can used to set the size of the display of the button. It also comes with different sizes normal, small, medium, and large.

Bulma Button Styles

This class can be used to set the style of the buttons.

Bulma Button States

Bulma Button state classes are used to style the button according to a specific state. we can style the buttons being hovered or in focus without triggering that state.

Bulma Button group

A Bulma Button group is used to grouping the buttons together on a single line.

Bulma Button addons

This is style or class used to add additional elements to buttons component.

Bulma Button group with addons

We can group buttons and addons together using this style.

Bulma Buttons List

Bulma Button List is used to group buttons in a list. Button List can be created by wrapping the buttons in an div with class buttons

Bulma Button Variables

Bulma box variables are used to customize your own theme, and styles like padding, color, radius, background color, etc.

Bulma Elements Complete Reference

Bulma Elements are used in various classes to add the specific elements that help to create interactive web applications & websites. It enhance the overall popularity & also improves the ranking.

The list of complete reference for Bulma Elements are given below:

Similar Reads

Bulma Block

Bulma Block is the spacer element that is used to provide a consistent margin between sibling elements. It is used when we want to place content in blocks and want to give space between each block....

Bulma Box

A Bulma Box element is simply a container with a shadow, a border, a radius, and some padding....

Bulma Button

Bulma Button is used to design classic buttons in different colors, sizes, and states which makes it interactive....

Bulma Content

Bulma Content is use to do the content task in the web, like if you can’t use CSS or when you just want to use HTML tags directly, use content as container. It can handle almost any HTML tag....

Bulma Delete

Bulma delete is an element that can be used in different context. This is a link or a button that is used to pop off a page, a box, a model on the page....

Bulma Icon

Bulma is compatible with all icon font libraries like Font Awesome, Material Design Icons, Ionicons, etc....

Bulma Image

Elements Descriptions Bulma Image Bulma image class is kind of a container since images took few minutes to load, an image container is reserved space for that image so that website’s layout not going to break while image loading or even in image errors. Bulma Fixed square images Bulma Fixed Square Images are fixed dimensions image containers that can be useful in specific places like avatars. These classes are used on the figure element, along with the image modifier, which wraps the image element. Bulma Rounded images Bulma Rounded images are used to make the images rounded. Bulma Retina images It use to image that is four time big.  Suppose we have an image container of size 128X128 and we want to insert the image of size 256X256, then we can insert it but it will be resized to 128X128 for maintaining the correct size. Bulma Responsive images with ratios Bulma provides 16 ratio modifiers that include the basic ratios used in still photography. We just need to requirement that parent element to already have a specific width. Bulma Arbitrary ratios with any element Bulma arbitrary ratios can be used on any element like iframe, etc. To use the arbitrary ratio, just use the has-ratio modifier to the class in which you want to set the ratio. Bulma Image Variables Bulma Image variables are used to customize your own image styles like ratio, dimentions....

Bulma Notification

Bulma notification is a simple colored block that draws the attention of the user about something. It can be used as a pinned notification in the corner of the viewport....

Bulma Progress bars

A Bulma progress bar is used to display the progress of a process on a computer. A progress bar displays how much of the process is completed and how much is left....

Bulma Table

Bulma Table provide multiple types of tables like a bordered table, stripped table, hoverable table, scrollable table, etc. Just by adding some Bulma classes to the HTML, we can achieve very interactive tables....

Bulma Tags

The Bulma tag is a small element that is very useful to attach information to a block or other component....

Bulma Title

The Bulma title is provide the main heading of our application. We can also change the size, color of the tile....