Pagination

View Source

…

100

Copy

Edit

render(() => {
  const [value, setValue] = React.useState(24)
  return (
    <Pagination
      currentPage={value}
      onPageChange={(value) => setValue(value)}
      totalPages={100}
      visiblePages={10}
    />
  )
})

render(() => {
  const [value, setValue] = React.useState(24)
  return (
    <Pagination
      currentPage={value}
      onPageChange={(value) => setValue(value)}
      totalPages={100}
      visiblePages={10}
    />
  )
})

Props

activeColorstring

Change the color of the active page

currentPagenumber

Current visible page number

onPageChange(nextPage: number) => undefined

Callback when new page is requested

totalPagesnumber

Total available pages

visiblePagesnumber

Amount of visible pages

Props

PreviousPage NextScreenReader