Load More
A set of actions to allow lateral movements between results sets without pagination.
Load Previous
A set of actions to more backwards if there are previous results in a results set, that have not been loaded.
A set of actions to allow lateral movements between results sets without pagination.
<section class="c-results c-results--vehicle-set">
<div class="c-results__set">
<div class="o-wrapper">
<!-- Results -->
</div>
</div>
<div class="o-wrapper">
<div class="c-rule-container">
<div class="c-rule__actions">
<ul class="o-list-inline | u-space-x-sm">
<li class="o-list__item">
<button class="c-btn c-btn--primary" type="button">Load More 3x</button>
</li>
<li class="o-list__item">
<button class="c-btn c-btn--primary" type="button">Load More</button>
</li>
</ul>
</div>
<hr class="c-rule c-rule--gradient" />
</div>
</div>
</section>
A set of actions to more backwards if there are previous results in a results set, that have not been loaded.
<section class="c-results c-results--vehicle-set">
<div class="c-results__set">
<div class="o-wrapper">
<!-- Results -->
</div>
</div>
<div class="o-wrapper">
<div class="c-rule-container">
<div class="c-rule__actions">
<ul class="o-list-inline | u-space-x-sm">
<li class="o-list__item">
<button class="c-btn c-btn--primary" type="button">Load All Previous</button>
</li>
<li class="o-list__item">
<button class="c-btn c-btn--primary" type="button">Load Previous</button>
</li>
</ul>
</div>
<hr class="c-rule c-rule--gradient" />
</div>
</div>
</section>