Blog Filter 

<div class="grid_container blog-filter">
    <h2 class="blog-filter__title"></h2>
    <form id="filterForm" name="filterForm">
        <div class="grid-x">
            <div class="cell">
                <label for="" class="textfield__label "></label>
                <input type="text" id="" class="textfield__input" placeholder="" name="" />
            </div>
        </div>
        <div class="grid-x">
            <div class="cell">
                <h3 class="blog-filter__sub-title"></h3>
            </div>
        </div>
        <div class="grid-x">
        </div>
        <div class="grid-x">
            <div class="cell">

                <label for=""></label>
                <select id="" name="">
                </select>
            </div>
        </div>
        <div class="grid-x">
            <div class="cell">
                <button class="primary-cta apply-filter-btn js-apply-filter-button"></button>
            </div>
        </div>
    </form>
</div>
 
<div class="grid_container blog-filter">
   <h2 class="blog-filter__title">{{title}}</h2>
   <form id="filterForm" name="filterForm">
      <div class="grid-x">
         <div class="cell">
            {{> @textfield searchTermTextField}}
         </div>
      </div>
      <div class="grid-x">
         <div class="cell">
            <h3 class="blog-filter__sub-title">{{categoryHeading}}</h3>
         </div>
      </div>
      <div class="grid-x">
         {{#each categoryRadioButtons}}
         <div class="blog-filter__radio-container">
            {{> @radio checked=@first name='category' }}
         </div>
         {{/each}}
      </div>
      <div class="grid-x">
         <div class="cell">
            {{> @dropdown yearsDropDown}}
         </div>
      </div>
      {{#unless searchOnChange}}
      <div class="grid-x">
         <div class="cell">
            <button class="primary-cta apply-filter-btn js-apply-filter-button">{{text}}</button>
         </div>
      </div>
      {{/unless}}
   </form>
</div>
 
{
  "theme": "default",
  "firstInstance": true
}

No notes defined.