bulma-badge

Bulma extension element named "badge" to display a number on text, button, ...

Preview

Usage

<div class="column is-8">
  <div class="block">
    <span class="badge" data-badge="">
      Notifications
    </span>
    <span class="badge" data-badge="8">
      Notifications
    </span>
    <span class="badge" data-badge="88">
      Notifications
    </span>
    <span class="badge" data-badge="888">
      Notifications
    </span>
  </div>
  <div class="block">
    <button class="button badge" data-badge="">Button</button>
    <button class="button badge" data-badge="8">Button</button>
  </div>
  <div class="block">
    <button class="button is-primary badge" data-badge="">Button</button>
    <button class="button is-primary badge" data-badge="8">Button</button>
  </div>
</div>