‌
‌

Pagination

Pagination helps users navigate between large groups of content separated by pages.

Quick nav

Features

import { Pagination } from "@wonderflow/react-components";

export default () => {
  return <Pagination itemsCount={1000} />;
};

tsx

This component extends the react-paginate library, which exposes different props that enables multiple functionalities.

Property

Type

Default

itemsCount*

number

itemsPerPage

number

10

pageCount

number

onPageClick

function

pageRangeDisplayed

number

3

marginPagesDisplayed

number

3

tab

When focus moves onto the next element of the pagination

Enter

Activate the focused page