<%= require('html-loader!./../components/sidebar-documentation.html') %>
<%= require('html-loader!./../components/footer-documentation.html') %>
Badge
TRAVLR UI Kit uses Badge font icons which are composed of some 250+ icons. Easily style icons using border color classes, background color classes and size classes. Highlight icons using the .t-badge class.
Standard Badge
A default badge we provide.
Text
new
Text
1
1
Source code
<sup class="t-badge t-badge-hang-top-text">New</sup>
<sup class="t-badge t-badge-circle">1</sup>
<sup class="t-badge t-badge-circle t-badge-hang-top-icon">1</sup>
Badge Color
Add color classes in combination with the feature icon class to draw attention to an icon.
Text
new
Text
new
Text
1
1
Source code
<sup class="t-badge t-badge-hang-top-text">New</sup>
<sup class="t-badge t-badge-hang-top-text t-badge-warning">New</sup>
<sup class="t-badge t-badge-circle t-badge-danger">1</sup>
<sup class="t-badge t-badge-circle t-badge-hang-top-icon t-badge-success">1</sup>