Skip to contentWolf-Rayet

Pagination

Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.

#Default

Show every page when there are few of them.

import { Pagination } from '@wolf-rayet/react';

<Pagination pages={5} />

#Many pages

Long ranges collapse around the current page.

import { Pagination } from '@wolf-rayet/react';

<Pagination pages={40} defaultSelected={12} />