Pagination

Install and import

Example

onChange return page selected.

Range display

When your range display is above your pageCount, all the pages are shown.
Change range with rangeDisplay, by default it is 5.

Custom previous & next

Set custom previous and next buttons using leftArrow and rightArrow.

Properties

NameType(s)DefaultRequired
aria-label
string
children
node
getHref
func
leftArrow
node
onChange
func
page
number
pageCount
number
rangeDisplay
number
5
rightArrow
node

Dependencies

Peer dependencies