Tapestry-React

v

Github

Pagination

View Source

…

…

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

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

Props

Themeable

Accepts StackView props.

Use the pagination key in ThemeProvider to customize the default properties of this component.

activeColorstring

Change the color of the active page

activePageLinkPropsobject

Accepts any valid Button props.

currentPagenumber

Current visible page number

navButtonPropsobject

Accepts any valid Button props.

onPageChange(nextPage: number) => void

Callback when new page is requested

pageLinkPropsobject

Accepts any valid Button props.

totalPagesnumber

Total available pages

visiblePagesnumber

Amount of visible pages

Props

PreviousPage NextScreenReader