[Patternlibrary GUI v0.0.1]
  • Name: molecule/categories/list-content
    Categories: lists

    a list of categories


    This is a markup styled and linked list of categories.

    examples

    project-name:

    Source

    <ul class="accordion" data-patternlibrary-accordion data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" data-update-history>
        <li class="accordion-item row columns" data-accordion-item="">
            <a href="/pl/categories/action" class="accordion-title row columns">
                <div class="columns medium-6 small-12">Name: <strong>action</strong> <i class="fa fa-folder-open"></i></div>
                <div class="columns medium-6 hide-for-small show-for-medium categories">Patterns: <strong>1</strong></div>
            </a>
            <div class="accordion-content" data-tab-content="">
            </div>
        </li>
        <li class="accordion-item row columns" data-accordion-item="">
            <a href="/pl/categories/basics" class="accordion-title row columns">
                <div class="columns medium-6 small-12">Name: <strong>basics</strong> <i class="fa fa-folder-open"></i></div>
                <div class="columns medium-6 hide-for-small show-for-medium categories">Patterns: <strong>5</strong></div>
            </a>
            <div class="accordion-content" data-tab-content="">
            </div>
        </li>
        <li class="accordion-item row columns" data-accordion-item="">
            <a href="/pl/categories/gfx" class="accordion-title row columns">
                <div class="columns medium-6 small-12">Name: <strong>gfx</strong> <i class="fa fa-folder-open"></i></div>
                <div class="columns medium-6 hide-for-small show-for-medium categories">Patterns: <strong>2</strong></div>
            </a>
            <div class="accordion-content" data-tab-content="">
            </div>
        </li>
    </ul>
    

    Output

    Example:

    
    <div class="row panel-body">
        <div class="row columns large-12">
            <ul class="accordion" data-patternlibrary-accordion data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" data-update-history>
            </ul>
        </div>
    </div>
    
    

    Output:

    no JavaScript reference available...

    no SASS/SCSS reference available...

    Pattern Specifications:


    Pattern Source:

    <div class="row panel-body">
        <div class="row columns large-12">
            <ul class="accordion" data-patternlibrary-accordion data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true" data-update-history>
                {{#if categorylist}}
                    {{#each categorylist as |cat|}}
                        <li class="accordion-item row columns" data-accordion-item>
                            <a href="{{root}}{{categorylink cat.slug}}" class="accordion-title row columns">
                                <div class="columns medium-6 small-12">Name: <strong>{{cat.name}}</strong> {{> "icon-category"}}</div>
                                <div class="columns medium-6 hide-for-small show-for-medium categories">Patterns: <strong>{{cat.patternsCount}}</strong></div>
                            </a>
                            <!-- Accordion tab content: empty, but kept here to make (Foundation's) accordion work for now -->
                            <div class="accordion-content" data-tab-content>
                            </div>
                        </li>
                    {{/each}}
                {{/if}}
            </ul>
        </div>
    </div>

    no tests info available...

    no change-log info available...


    Git-Log: