TRAVLR UI Kit

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

Image

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

Example

                            
                              <div class="t-image-avatar"></div>
                              <div class="t-image-rounded">1</div>
                              <div class="t-image-thumb">1</div>

Text ¹ ¹

Badge Colour

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

Example

                            
                                <sup class="t-image t-image-hang-top-text">New</sup>
                                <sup class="t-image t-image-hang-top-text t-image-warning">New</sup>
                                <sup class="t-image t-image-circle t-image-danger">1</sup>
                                <sup class="t-image t-image-circle t-image-hang-top-icon t-image-success">1</sup>

Text ^new Text ^new Text ¹ ¹

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