github.com/zoomfoo/nomad@v0.8.5-0.20180907175415-f28fd3a1a056/ui/app/templates/freestyle.hbs (about)

     1  <div id="styleguide">
     2    {{#freestyle-guide title='Nomad UI' subtitle='Styles and Patterns'}}
     3      {{#freestyle-section name="Theme" as |section|}}
     4        {{#section.subsection name="Font Stacks"}}
     5          {{freestyle/sg-font-stacks}}
     6        {{/section.subsection}}
     7  
     8        {{#section.subsection name="Text Sizing"}}
     9          {{freestyle/sg-font-sizing}}
    10        {{/section.subsection}}
    11  
    12        {{#section.subsection name="Colors"}}
    13          {{freestyle/sg-colors}}
    14        {{/section.subsection}}
    15      {{/freestyle-section}}
    16  
    17      {{#freestyle-section name="Components" as |section|}}
    18        {{#section.subsection name="Accordion"}}
    19          {{freestyle/sg-accordion}}
    20        {{/section.subsection}}
    21  
    22        {{#section.subsection name="Alerts"}}
    23          {{freestyle/sg-alerts}}
    24        {{/section.subsection}}
    25  
    26        {{#section.subsection name="Boxed section"}}
    27          {{freestyle/sg-boxed-section}}
    28        {{/section.subsection}}
    29  
    30        {{#section.subsection name="Breadcrumbs"}}
    31          {{freestyle/sg-breadcrumbs}}
    32        {{/section.subsection}}
    33  
    34        {{#section.subsection name="Buttons"}}
    35          {{freestyle/sg-buttons}}
    36        {{/section.subsection}}
    37  
    38        {{#section.subsection name="Diff Viewer"}}
    39          {{freestyle/sg-diff-viewer}}
    40        {{/section.subsection}}
    41  
    42        {{#section.subsection name="Dropdown"}}
    43          {{freestyle/sg-dropdown}}
    44        {{/section.subsection}}
    45  
    46        {{#section.subsection name="Gutter menu"}}
    47          {{freestyle/sg-gutter-menu}}
    48        {{/section.subsection}}
    49  
    50        {{#section.subsection name="Header"}}
    51          {{freestyle/sg-header}}
    52        {{/section.subsection}}
    53  
    54        {{#section.subsection name="Inline definitions"}}
    55          {{freestyle/sg-inline-definitions}}
    56        {{/section.subsection}}
    57  
    58        {{#section.subsection name="JSON Viewer"}}
    59          {{freestyle/sg-json-viewer}}
    60        {{/section.subsection}}
    61  
    62        {{#section.subsection name="Log Stream"}}
    63          {{freestyle/sg-log-stream}}
    64        {{/section.subsection}}
    65  
    66        {{#section.subsection name="Metrics"}}
    67          {{freestyle/sg-metrics}}
    68        {{/section.subsection}}
    69  
    70        {{#section.subsection name="Page tabs"}}
    71          {{freestyle/sg-page-tabs}}
    72        {{/section.subsection}}
    73  
    74        {{#section.subsection name="Page title"}}
    75          {{freestyle/sg-page-title}}
    76        {{/section.subsection}}
    77  
    78        {{#section.subsection name="Search box"}}
    79          {{freestyle/sg-search-box}}
    80        {{/section.subsection}}
    81  
    82        {{#section.subsection name="Table"}}
    83          {{freestyle/sg-table
    84            sortProperty=sortProperty
    85            sortDescending=sortDescending
    86            currentPage=currentPage}}
    87        {{/section.subsection}}
    88  
    89        {{#section.subsection name="Table, Configuration"}}
    90          {{freestyle/sg-table-configuration}}
    91        {{/section.subsection}}
    92  
    93        {{#section.subsection name="Timeline"}}
    94          {{freestyle/sg-timeline}}
    95        {{/section.subsection}}
    96  
    97        {{#section.subsection name="Two-step Button"}}
    98          {{freestyle/sg-two-step-button}}
    99        {{/section.subsection}}
   100      {{/freestyle-section}}
   101  
   102      {{#freestyle-section name="Charts" as |section|}}
   103        {{#section.subsection name="Distribution Bar"}}
   104          {{freestyle/sg-distribution-bar}}
   105        {{/section.subsection}}
   106  
   107        {{#section.subsection name="Jumbo Distribution Bar"}}
   108          {{freestyle/sg-distribution-bar-jumbo}}
   109        {{/section.subsection}}
   110  
   111        {{#section.subsection name="Progress Bar"}}
   112          {{freestyle/sg-progress-bar}}
   113        {{/section.subsection}}
   114      {{/freestyle-section}}
   115    {{/freestyle-guide}}
   116  </div>
   117