Badge
<div class="tng-badge">Toyota</div>Toyota
Number
Section titled “Number”<div class="tng-badge is-number">1</div><div class="tng-badge is-number is-contrast">99</div>1
99
Schemes
Section titled “Schemes”Subtle
Section titled “Subtle”<div class="tng-badge is-subtle">Toyota</div>Toyota
<div class="tng-badge is-error"> <i aria-hidden class="tng-icon icon-close"></i> <span>Error</span></div> Error
<div class="tng-badge is-info"> <i aria-hidden class="tng-icon icon-info"></i> <span>Info</span></div> Info
Success
Section titled “Success”<div class="tng-badge is-success"> <i aria-hidden class="tng-icon icon-check"></i> <span>Success</span></div> Success
Warning
Section titled “Warning”<div class="tng-badge is-warning"> <i aria-hidden class="tng-icon icon-error"></i> <span>Warning</span></div> Warning