Props Reference

PropDescription
current
(required)
number
The current active page. Indexed from 1
total
(required)
number
The total number of pages
onPageChange
(required)
(newPage: number) => void
A callback handler which is called when the user clicks a new page. The newPage parameter is indexed from 1
Note that the active page will not change unless the current prop is updated to reflect the new page (as in the example above)
maxWidth
(optional)
Default: undefined
number
The maximum width (in pixels) of the pagination component. Use this prop if you want to override the automatic sizing. Note the width may be exceeded if it's not possible a component to the specified width
previousLabel
(optional)
Default: «
string
The label for the previous button, default value is «
nextLabel
(optional)
Default: »
string
The label for the next button, default value is »
extraClassName
(optional)
Default: justify-content-center
string
Extra classes to be added to the top level <ul> element, defaults to justify-content-center
Use this prop to override the default justify value - for example to align elements to the start of the page use: justify-content-start