<div class="ss-component">
  <h1>Range</h1>
  <p>Single Range Buttons that define a range search</p>
  <div class="filter-button">
    <a
      fs-action="filter"
      fs-type="range"
      fs-fields="dailyPrice"
      fs-lte="99"
      fs-gte="50"
      :class="{'active': rangeActive('filter4', '99')}"
      v-on:click="buttonRangeFilter( 'filter4', false, $event)"
    >$50 to $100</a>
  </div>
  <div class="filter-button">
    <a
      fs-action="filter"
      fs-type="range"
      fs-fields="dailyPrice"
      fs-lte="150"
      fs-gte="100"
      :class="{'active': rangeActive('filter4', '150')}"
      v-on:click="buttonRangeFilter( 'filter4', false, $event)"
    >$100 to $150</a>
  </div>
</div>