bulma-steps

Bulma's extension to manage steps

Preview

Usage

<ul class="step">
  <li class="step-item">
    <a href="#steps"></a>
  </li>
  <li class="step-item is-active">
    <a href="#steps"></a>
  </li>
  <li class="step-item">
    <a href="#steps"></a>
  </li>
  <li class="step-item">
    <a href="#steps"></a>
  </li>
</ul>

<ul class="step">
  <li class="step-item">
    <a href="#steps">Step 1</a>
  </li>
  <li class="step-item">
    <a href="#steps">Step 2</a>
  </li>
  <li class="step-item is-active">
    <a href="#steps">Step 3</a>
  </li>
  <li class="step-item">
    <a href="#steps">Step 4</a>
  </li>
</ul>