# Pager Settings and Types

The Pager component features multiple settings to customize the paging UI.

> Starting with [`v17.0.0`](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v17.0.0), the selector for the Pager has been updated from `kendo-datapager` to `kendo-pager`.

## Types

The pager types are:

* `Numeric`—Renders buttons with numbers.
* `Input`—Renders a NumericTextBox for entering the page number.

To configure the pager type and number of numeric buttons, use the `type` and `buttonCount` options:

* [`type`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#type)—Accepts the `numeric` (buttons with numbers) and `input` (a NumericTextBox for entering the page number) values.
* [`buttonCount`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#buttoncount)—Sets the maximum number of numeric buttons that will be rendered when `type` is `numeric`.

## Settings

The following settings enable you to determine which built-in pager elements will be rendered:

* [`pageSizeValues`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#pagesizevalues)—Toggles a DropDownList with page size options, and allows you to provide the list of available page sizes.
* [`previousNext`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#previousnext)—Toggles a set of **Previous** and **Next** buttons.
* [`info`](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent#info)—Toggles the information about the current page and the total number of records.

The following example demonstrates all available Pager options in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/pager/settings/source.txt)

## Suggested Links

* [API Reference of the Pager](https://www.telerik.com/kendo-angular-ui-develop/components/pager/api/pagercomponent)