---
title: Usage
position: 2
seo_title: Guidelines for Using the Pager Component
seo_description: Get the knack of the Telerik and Kendo UI Pager and learn how
  to use it by following the instructions and recommendations in the user
  guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI Pager requires you to follow some basic principles when using the component.

### Content

The Pager component is used to reduce the cognitive load on the user, navigate them through the content, and reduce the loading time on the page. It is recommended in cases where more than 25 items are displayed on a single page.

<DosDonts>
<Do description="Use the Telerik and Kendo UI Pager to divide a large amount of content into small chunks that are easily perceived by the user.">![A Telerik and Kendo UI Grid with a Pager and multiple rows of grid cells.](images/components-pager-usage-content-do.png "Render Telerik and Kendo UI Grid with a Pager and multiple rows of grid cells.")</Do>
<Dont description="Avoid using the Pager to divide a small amount of content as it requires multiple clicks to navigate and does not affect either the loading time, or cognitive load.">![A Telerik and Kendo UI Grid with a Pager and five rows of grid cells.](images/components-pager-usage-content-dont.png "Do not render Telerik and Kendo UI Grid with a Pager and five rows of grid cells.")</Dont>
</DosDonts>


### Position

The Pager is located below the content it is associated with. Its position must remain unchanged on every page. On mobile devices, the Pager is usually replaced with scrolling, either vertical, or horizontal.

<DosDonts>
<Do description="Place the Pager below the content it is associated with.">![A Telerik and Kendo UI Grid displaying a Pager below the content.](images/components-pager-usage-position-do.png "Place the Pager below the content it is associated with.")</Do>
<Dont description="Avoid placing the Pager above the content as it may look detached from it.">![A Telerik and Kendo UI Grid displaying a Pager above the content.](images/components-pager-usage-position-dont.png "Do not place the Pager above the content it associated with.")</Dont>
</DosDonts>


### Exclusivity

As a navigational component, the Pager is usually required only once per page. Using it more than once on a single page is confusing and severely affects the user’s understanding.