Tags

Default

Default Primary Success Info Warning Danger

<span class="tag">Default</span>
<span class="tag primary">Primary</span>
<span class="tag success">Success</span>
<span class="tag info">Info</span>
<span class="tag warning">Warning</span>
<span class="tag danger">Danger</span>

Heading tag

h1. Heading New

h2. Heading New

h3. Heading New

h4. Heading New

h5. Heading New

h6. Heading New

<table>
  <tbody>
    <tr>
      <td>
        <h1>
          h1. Heading
          <span class="tag">New</span>
        </h1>
      </td>
    </tr>
    <tr>
      <td>
        <h2>
          h2. Heading
          <span class="tag">New</span>
        </h2>
      </td>
    </tr>
    <tr>
      <td>
        <h3>
          h3. Heading
          <span class="tag">New</span>
        </h3>
      </td>
    </tr>
    <tr>
      <td>
        <h4>
          h4. Heading
          <span class="tag">New</span>
        </h4>
      </td>
    </tr>
    <tr>
      <td>
        <h5>
          h5. Heading
          <span class="tag">New</span>
        </h5>
      </td>
    </tr>
    <tr>
      <td>
        <h6>
          h6. Heading
          <span class="tag">New</span>
        </h6>
      </td>
    </tr>
  </tbody>
</table>

Sizing

tag tag

<span class="tag">tag</span>
<span class="tag large">tag</span>

Other

tag

tag

tag

<a href="#" class="tag">tag</a>
<div class="button"><span class="tag">tag</span></div>
<button><span class="tag">tag</span></button>