Components

Bulma ships with components, which are pre-styled chunks of code that serve a certain purpose. With components, you have to follow a specific HTML structure.

Reference Bulma’s documentation for more information and examples of components.

Here is an example of a card component:

<div class="card">
  <header class="card-header">
    <!-- header content -->
  </header>

  <div class="card-content">
    <div class="card-image">
      <!-- card image -->
    </div>
  </div>

  <footer class="card-footer">
    <!-- footer content -->
  </footer>
</div>

Other components are: menu, dropdown, message, and modal.