Components
Pagination
Code

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

NameType
propsPaginationProps & RefAttributes<HTMLDivElement (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

<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) => {}}/></>)}

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355