# Pager Overview

The Kendo UI for Vue Pager provides options for splitting content into pages.

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

## Basic Usage

You can configure the Pager by using the following properties:

* [`buttonCount`](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/pagerprops#buttonCount)—Sets the maximum numeric buttons count before the buttons are collapsed.
* [`info`](https://www.telerik.com/kendo-vue-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-vue-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-vue-ui-develop/components/datatools/api/pagerprops#pageSizes)—Displays a menu for selecting the page size.
* [`previousNext`](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/pagerprops#previousNext)—Toggles the **Previous** and **Next** buttons.
* [`responsive`](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/pagerprops#responsive)—Toggles the responsive layout.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/datatools/pager/basic-usage/source.txt)

## Responsive Design

The Pager supports [responsive web-design](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/pager/responsive).

## Functionality and Features

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

## Support and Learning Resources

* [Pager Homepage](https://www.telerik.com/kendo-vue-ui/vue-pager)
* [API Reference of the Pager Component](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/pagerprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Pager Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=pager)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)