Cal.com
Components

Pagination

Pagination

The Pagination component provides a consistent way to handle data pagination across the application. It includes rows per page selection and navigation controls.

Installation

import { Pagination } from "@calcom/ui";

Examples

Basic Usage

A basic pagination component with default settings.

25
rows per page
1-25 of 61

Custom Page Sizes

Customize the available page size options.

5
rows per page
1-5 of 25

With Navigation Callbacks

Use onNext and onPrevious callbacks to perform additional actions when navigating pages.

25
rows per page
1-25 of 100

Large Dataset

The pagination component handles large datasets efficiently.

25
rows per page
1-25 of 1000

On this page