Skip to main content

Page Paginator

Description

<jp-page-paginator> is a component with a fuctionality of providing navigation for pages.


Attributes

NameRequiredTypeDescription
lengthnumbertotal number of pages
pageIndexnumbercurrent page number starting from 1


Slots

This component does not have any slots.



Methods

  • nextPage
  • prevPage
  • lastPage
  • firstPage
  • toPage
    • takes page number as argument


Events

  • change
    • triggers when the page changes


Demo

Live Editor
// import '../static/c/page-paginator.wc.js';

<jp-page-paginator></jp-page-paginator>
Result
Loading...