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