Skip to content
Toyota Motor Europe DXP Reference Guide

Tag

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

Schemes

Section titled “Schemes”

Error

Section titled “Error”
<div class="tng-tag is-error">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link

Info

Section titled “Info”
<div class="tng-tag is-info">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link

Success

Section titled “Success”
<div class="tng-tag is-success">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link

Bold

Section titled “Bold”
<div class="tng-tag is-bold">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link 
<div class="tng-tag is-bold is-error">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link 
<div class="tng-tag is-bold is-info">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link 
<div class="tng-tag is-bold is-success">
  <i aria-hidden class="tng-icon icon-star"></i>
  Tag text
  <a class="tng-link-button" href="#">Link</a>
</div>
Tag text Link