<%= require('html-loader!./../components/sidebar-documentation.html') %>

Hierarchy

TRAVLR UI Kit uses Hierarchy 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 class.

Example

                            
                              <h1 class="t-heading-1">.t-heading-1</h1>
                              <h2 class="t-heading-2">.t-heading-2</h2>
                              <h3 class="t-heading-3">.t-heading-3</h3>
                              <h4 class="t-heading-4">.t-heading-4</h4>
                              <h5 class="t-heading-5">.t-heading-5</h5>
                              <h6 class="t-heading-6">.t-heading-6</h6>
                              <p class="t-body-text">.t-body-text</p>
                              <p class="t-supplementary-text">.t-supplementary-text</p>
                              <p class="t-label-text">.t-label-text</p>
                              <p class="t-label-text-small">.t-label-text-small</p>
                              <p class="t-text-callout">.t-text-callout</p>
                              <p class="t-text-callout-small">.t-text-callout-small</p>
                              <p class="t-caption">.t-caption</p>
                              <p class="t-caption-small">.t-caption-small</p>

.t-heading-1

.t-heading-2

.t-heading-3

.t-heading-4

.t-heading-5

.t-heading-6

.t-body-text

.t-supplementary-text

.t-label-text

.t-label-text-small

.t-text-callout

.t-text-callout-small

.t-caption

.t-caption-small

<%= require('html-loader!./../components/footer-documentation.html') %>