Skip to main content

Pagination

<blaze-pagination pages="15" page="4"></blaze-pagination>

Attributes

NameDescription
pages: numberThe total number of available pages
page: numberThe current page to initialise at

Methods

NameDescription
currentPage(): Promise<number>returns currently selected page index

Events

NameDescription
change: objectRaised when the pages changes, returns the current page

CSS

<nav class="c-pagination">
  <button class="c-pagination__control">‹</button>
  <div class="c-pagination__pages">
    <button class="c-pagination__control">4</button>
    <button class="c-pagination__control" aria-current="page">5</button>
    <button class="c-pagination__control">6</button>
  </div>
  <button class="c-pagination__control">›</button>
</nav>