# KendoReact Pager Overview

The KendoReact Pager provides options for splitting content into pages.

<CtaPanelOverview></CtaPanelOverview>

The KendoReact Pager is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-react-data-tools package](https://www.npmjs.com/package/@progress/kendo-react-data-tools).

You can configure the Pager by using the following properties:

* [`buttonCount`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#buttonCount)—Sets the maximum numeric buttons count before the buttons are collapsed.
* [`info`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#info)—Toggles the information about the current page and the total number of records.
* [`type`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#type)—Accepts the `numeric` (buttons with numbers) and `input` (input for typing the page number) values.
* [`pageSizes`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#pageSizes)—Displays a menu for selecting the page size.
* [`previousNext`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#previousNext)—Toggles the **Previous** and **Next** buttons.
* [`responsive`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#responsive)—Toggles the responsive layout.
* [`adaptive`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#adaptive)—Toggles the adaptive page sizes drop-down.
* [`adaptiveTitle`](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops#adaptiveTitle)—Specifies the text that is rendered as title in the adaptive page sizes drop-down element.

[Demo Source](https://demos.telerik.com/kendo-react-ui/datatools/pager/overview/func/source.txt)

> The Pager is part of the [KendoReact Data Tools](https://www.telerik.com/kendo-react-ui-develop/components/datatools) component library. The procedures for installing, importing, and using the Data Tools are identical for all components in the package. To learn how to use the Pager and the rest of the Data Tools, see the [Getting Started with the KendoReact Data Tools](https://www.telerik.com/kendo-react-ui-develop/components/datatools) guide.

## Key Features

The Pager provides [globalization support](https://www.telerik.com/kendo-react-ui-develop/components/datatools/globalization).

## Suggested Links

* [API Reference of the Pager Props](https://www.telerik.com/kendo-react-ui-develop/components/datatools/api/pagerprops)