# Responsive Design

The Pager supports responsive web-design by adapting its layout based on the set width or the available screen size. By default, the responsive layout is enabled. To disable it, set the [`responsive`](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/pagerprops#responsive) property to `false`.

Move the slider in the below demo to see the different supported layouts:

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

## Suggested Links

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