PaginationComponent

Pagination component

Installation

import { PaginationComponent } from 'uxp/components';

Signature

const PaginationComponent: React.FunctionComponent<PaginationProps>

Examples

<PaginationComponent
 total={total}
 pageSize={pageSize}
 page={page}
 onPageChange={setPage}
 onPageSizeChange={v => { setPageSize(v); setPage(1); }}
/>

Properties

Name
Type
Mandatory
Default Value
Example Value

total

number

Yes

-

-

pageSize

number

Yes

-

-

page

number

Yes

-

-

onPageSizeChange

(pageSize: number) => void

Yes

-

-

onPageChange

(page: number) => void

Yes

-

-

children

React.ReactNode

No

-

-

loading

boolean

No

-

-

Last updated