Pagination

Page navigation with previous, next and numbered pages.

PaginationProps packages/core/src/extra-controls.ts:190 ↗

Import

import { Pagination } from "@tarve/core";

Usage

Pagination.tsx

import { Pagination } from "@tarve/core";

let page = 3;

<Pagination
  page={page}
  pageCount={12}
  onPageChange={(next) => {
    page = next;
  }}
/>

Props

Prop	Type	Default
`page` required	`number`	—
`pageCount` required	`number`	—
`disabled`	`boolean`	—
`onPageChange`	`(page: number) => void`	—
`siblingCount`	`number`	`1`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle