bulma.styl-badge

1.0.0 • Public • Published

bulma.styl-badge

This is a fork for the Bulma extension element named "badge" to display a number on text, button, ... for implementation into Bulma.styl.

Preview

Badge Element

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>

Package Sidebar

Install

npm i bulma.styl-badge

Weekly Downloads

0

Version

1.0.0

License

MIT

Last publish

Collaborators

  • log1x