Pagination

<div class="c-pagination">
  <div class="c-pagination__controls c-pagination__controls--backward">
    <button class="c-pagination__control">&laquo;</button>
    <button class="c-pagination__control">&lsaquo;</button>
  </div>
  <div class="c-pagination__controls">
    <span class="c-pagination__ellipsis">&hellip;</span>
    <button class="c-pagination__page">4</button>
    <button class="c-pagination__page c-pagination__page--current">5</button>
    <button class="c-pagination__page">6</button>
    <span class="c-pagination__ellipsis">&hellip;</span>
  </div>
  <div class="c-pagination__controls c-pagination__controls--forward">
    <button class="c-pagination__control">&rsaquo;</button>
    <button class="c-pagination__control">&raquo;</button>
  </div>
</div> 
<blaze-pagination pages="15" page="4"></blaze-pagination> 

Attributes

Attribute Description
pages The total number of available pages
page The current page to initialise at

Methods

Method Description
currentPage() Returns the currently selected page

Events

Event Description
onPageChange Raised when the pages changes, returns the current page