Inline Tag

Small tag tag can sit inside partial like buttons

Basic Usage


      <span class="inline-tag"><span class="text">4</span></span>

Inside Button Partial

In case Inline Tag sit inside a button partial in will get the text color according to the state of the button.


      <button class="button is-secondary">

        <span class="text">button</span>

        <span class="inline-tag"><span class="text">4</span></span>

      </button>

      <button class="button is-secondary" disabled>

        <span class="text">button</span>

        <span class="inline-tag"><span class="text">4</span></span>

      </button>

      <button class="button is-text">

        <span class="text">button</span>

        <span class="inline-tag"><span class="text">4</span></span>

      </button>

      <button class="button is-text" disabled>

        <span class="text">button</span>

        <span class="inline-tag"><span class="text">4</span></span>

      </button>