Pagination
▸ Pagination(props): null | ReactElement<any, string | JSXElementConstructor<any>>
Pagination triggers allow merchants to view the size of a list and navigate between pages.
Parameters
| Name | Type |
|---|---|
props | PaginationProps & RefAttributes<HTMLDivElement (opens in a new tab)> |
Example
example.tsx
<Pagination
page={page}
onPageChange={(page, type) => {}}
total={total}
size={size}
sizeOptions={[25, 50, 100]}
onSizeChange={(size) => {}}
/>import React from 'react' import { Pagination } from '@vtex/shoreline-components' export default function App () { return ( <> <Pagination page={page} onPageChange={(page, type) => {}} total={total} size={size} sizeOptions={[25, 50, 100]} onSizeChange={(size) => {}} /> </> ) }