Tag

<div class="tng-tag">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-error">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-info">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-success">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-bold">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-bold is-error">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-bold is-info">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

<div class="tng-tag is-bold is-success">
  <i aria-hidden class="tng-icon icon-star"></i>
  <span>Tag text</span>
  <a class="tng-link" href="#">Link</a>
</div>

Tag text Link

Schemes

Error

Info

Success

Bold