Pagination
Components
Pagination()
Pagination(
props
,context
?):ReactNode
A Pagination component makes it easier to navigate through a large set of data by showing a subset of the data per page and making sure the user can navigate back and forth between the pages easily with controls.
Parameters
Parameter | Type |
---|---|
props | PaginationProps |
context ? | any |
Returns
ReactNode
Example
<Pagination
pageCount={10}
currentPage={2}
prevButtonDisabled={false}
prevButtonLabel="Previous"
nextButtonLabel="Next"
onClickPrev={handleClickPrev}
onClickPage={handleClickPage}
onClickNext={handleClickNext}
/>
Source
libs/design-system-core/src/components/Pagination/index.tsx:57
Props
PaginationProps
PaginationProps:
object
Type declaration
Member | Type |
---|---|
currentPage | number |
customStyle | string |
hasButtons | boolean |
maxPagesToShow | number |
nextButtonDisabled | boolean |
nextButtonLabel | string |
onClickNext | () => void |
onClickPage | (page ) => void |
onClickPrev | () => void |
pageCount | number |
prevButtonDisabled | boolean |
prevButtonLabel | string |
Source
libs/design-system-core/src/components/Pagination/index.tsx:11