> For the complete documentation index, see [llms.txt](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/kontroly/paginaciya.md).

# Пагинация

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FndsNN6xb4FC7TMnRCfdl%2Fpagination.png?alt=media\&token=27e36b53-d4c8-4517-947c-c77b54741a8a)

Компонент для создания постраничной навигации

**Свойства:**

* *<mark style="color:purple;">totalPages</mark>* - общее количество страниц, задается числом
* *<mark style="color:purple;">currentPage</mark>* - установит текущую страницу, задается числом
* *<mark style="color:purple;">currentColor</mark>* - выбор цвета текущей страницы

**События:**

* *<mark style="background-color:purple;">onChange</mark>* - событие срабатывает при переключении страницы

Используется в случаях работы с объёмным контентом, получаемым с бекенда, чтобы избежать больших размеров запросов и отрисовки большого количества элементов на основе данных запроса. Требует реализации механизма работы с постраничным выводом контента на бекенде.