Gigaclear Pattern Library

Search Listing 

<div class="max-w-screen-lg mx-auto min-h-[300px]" id="search">
    <div data-vue-module="ContentListing" data-root-nodes="1073,1023" data-search-configuration='{&quot;id&quot;:1234,&quot;resultsPerPage&quot;:6,&quot;listingType&quot;:&quot;Vertically Stacked List&quot;,&quot;paginationType&quot;:&quot;Load More&quot;,&quot;apiUrl&quot;:&quot;/front-end/mock-json/search/list.json&quot;,&quot;fieldFilters&quot;:[{&quot;label&quot;:&quot;searchTerm&quot;,&quot;aliases&quot;:&quot;nodeName&quot;,&quot;filterType&quot;:&quot;Free Text&quot;,&quot;source&quot;:[]}]}'></div>
</div>
 
{% set searchConfiguration = {
    id: 1234,
    resultsPerPage: 6,
    listingType: "Vertically Stacked List",
    paginationType: "Load More",
    apiUrl: "/front-end/mock-json/search/list.json",
    fieldFilters: [
    {
        label: "searchTerm",
        aliases: "nodeName",
        filterType: "Free Text",
        source: []
    }
    ]
}  | dump %}

<div class="max-w-screen-lg mx-auto min-h-[300px]" id="search">
    <div data-vue-module="ContentListing"  data-root-nodes="1073,1023" data-search-configuration='{{ searchConfiguration }}'></div>
</div>
 
{
  "siteName": "Gigaclear Pattern Library"
}

No notes defined.