<%= htmlWebpackPlugin.options.titlePage %>

<% for (itemMenuSidebar of htmlWebpackPlugin.options.listMenu[0].child) { %>

<%= itemMenuSidebar.label %>

<%= itemMenuSidebarChild.label %>

<% } %>

Loading Spinners

TRAVLR UI Kit uses Loading Spinners 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-icon class.

Example

                            
                              <span class="t-icon icon-spinner-1"></span>

Icon Colour

Add color classes in combination with the feature icon class to draw attention to an icon. .icon-color-primary

Example

                            
                              <span class="t-icon icon-spinner-1 t-color-primary"></span>
                              <span class="t-icon icon-spinner-1 t-color-secondary"></span>
                              <span class="t-icon icon-spinner-1 t-color-tertiary"></span>

Icon Size

To alter size use one of the four existing size classes: .icon-small , .icon-medium

Example

                            
                              <span class="t-icon icon-spinner-1 icon-small"></span>
                              <span class="t-icon icon-spinner-1"></span>
                              <span class="t-icon icon-spinner-1 icon-large"></span>

Icon Type

To alter size use one of the four existing size classes: .t-icon-is-spinning , .t-icon-rotate-90 , .t-icon-rotate-180 , .t-icon-rotate-270 , .t-icon-flip-y , .t-icon-flip-x

Example

                            
                              <span class="t-icon icon-spinner-1 t-icon-is-spinning"></span>
                              <span class="t-icon icon-spinner-1 t-icon-rotate-90"></span>
                              <span class="t-icon icon-spinner-1 t-icon-rotate-180"></span>
                              <span class="t-icon icon-spinner-1 t-icon-rotate-270"></span>
                              <span class="t-icon icon-spinner-1 t-icon-flip-y"></span>
                              <span class="t-icon icon-spinner-1 t-icon-flip-x"></span>

Loading Spinners List

Rollover any icon to see icon class name.

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