Skip to main content

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

ParameterType
propsPaginationProps
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

MemberType
currentPagenumber
customStylestring
hasButtonsboolean
maxPagesToShownumber
nextButtonDisabledboolean
nextButtonLabelstring
onClickNext() => void
onClickPage(page) => void
onClickPrev() => void
pageCountnumber
prevButtonDisabledboolean
prevButtonLabelstring

Source

libs/design-system-core/src/components/Pagination/index.tsx:11