github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-accordion.hbs (about)

     1  {{#freestyle-usage "accordion" title="Accordion"}}
     2    {{#list-accordion source=products key="name" as |ac|}}
     3      {{#ac.head buttonLabel="details"}}
     4        <div class="columns inline-definitions">
     5          <div class="column is-1">{{ac.item.name}}</div>
     6          <div class="column is-1">
     7            <span class="bumper-left badge is-light">{{ac.item.lang}}</span>
     8          </div>
     9        </div>
    10      {{/ac.head}}
    11      {{#ac.body}}
    12        <h1 class="title is-4">{{ac.item.name}}</h1>
    13        <p>{{ac.item.desc}}</p>
    14        <p><a href="{{ac.item.link}}">Learn more...</a></p>
    15      {{/ac.body}}
    16    {{/list-accordion}}
    17  {{/freestyle-usage}}
    18  
    19  {{#freestyle-usage "accordion-single" title="Accordion, One Item"}}
    20    {{#list-accordion source=(take 1 products) key="name" as |a|}}
    21      {{#a.head buttonLabel="details"}}
    22        <div class="columns inline-definitions">
    23          <div class="column is-1">{{a.item.name}}</div>
    24          <div class="column is-1">
    25            <span class="bumper-left badge is-light">{{a.item.lang}}</span>
    26          </div>
    27        </div>
    28      {{/a.head}}
    29      {{#a.body}}
    30        <h1 class="title is-4">{{a.item.name}}</h1>
    31        <p>{{a.item.desc}}</p>
    32        <p><a href="{{a.item.link}}">Learn more...</a></p>
    33      {{/a.body}}
    34    {{/list-accordion}}
    35  {{/freestyle-usage}}
    36  
    37  {{#freestyle-usage "accordion-not-expandable" title="Accordion, Not Expandable"}}
    38    {{#list-accordion source=products key="name" as |a|}}
    39      {{#a.head buttonLabel="details" isExpandable=(eq a.item.lang "golang")}}
    40        <div class="columns inline-definitions">
    41          <div class="column is-1">{{a.item.name}}</div>
    42          <div class="column is-1">
    43            <span class="bumper-left badge is-light">{{a.item.lang}}</span>
    44          </div>
    45        </div>
    46      {{/a.head}}
    47      {{#a.body}}
    48        <h1 class="title is-4">{{a.item.name}}</h1>
    49        <p>{{a.item.desc}}</p>
    50        <p><a href="{{a.item.link}}">Learn more...</a></p>
    51      {{/a.body}}
    52    {{/list-accordion}}
    53  {{/freestyle-usage}}