---
description: Visual indicator for slide index.
---

# Pagination

![Pagination tab](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W1D8CdvHMNeQp8QQt%2F-M_W3CMeF8_btRvmwaUz%2F64.png?alt=media\&token=c33ad8e5-bd0d-462e-a4e4-93c2a101750a)

![Pagination settings](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W1D8CdvHMNeQp8QQt%2F-M_W4Rt492ijqpiLlERe%2F65.png?alt=media\&token=63b5b20f-8e4a-40ed-a6f4-1c84f2d15cde)

Under _**Pagination**_ tab you can enable separating slides into _discrete pages._ Each pagination represent certain slide.

### Pagination

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W5LLSUGX2XVuRLTzp%2F-M_WAVRXyqNcEc_swPoZ%2F66.png?alt=media\&token=f1d91b9e-5e97-4567-a2c3-5273f64cd020)

#### Pagination

Show (_**ON**_) or hide (_**OFF**_) _**Pagination**_ feature.

#### Style

Choose between 6 pre-built styles for _**Pagination**_.

#### Clickable

If _**ON**_, clicking on pagination button will make slider to go to certain slide. Works only for _bullets style_, not _numbers style_. If this option is _**OFF**_, pagination won't be clickable.

#### Dynamic

Useful to enable (_**ON**_) if you use _bullets style_ with a lot of slides. This will keep only few bullets visible at the same time. If this option is _**OFF**_, number of visible _bullets_ will be equal to number of slides.

### Style

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W5LLSUGX2XVuRLTzp%2F-M_WAbnaVgVdMQhPl8bc%2F67.png?alt=media\&token=91ed7030-aed9-47dc-877f-146e19e63e0e)

{% hint style="info" %}
Custom pagination layout in the _normal_ state.
{% endhint %}

#### Background

Background color on the pagination button.

#### Border radius

Border radius on the pagination button.

#### Box shadow

Box shadow on the pagination button.

#### Opacity

Transparency of the pagination button.

#### Width

Width of the pagination button.

#### Height

Height of the pagination button.

#### Border

Border on the pagination button.

### Style active

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W5LLSUGX2XVuRLTzp%2F-M_WAgq6fnAB7ntZexa-%2F68.png?alt=media\&token=81eb1508-0fe1-42a3-903b-d245deb7105c)

{% hint style="info" %}
Custom pagination layout in the _active_ state.
{% endhint %}

#### Background

Background color on the pagination button for active slide.

#### Border radius

Border radius on the pagination button for active slide.

#### Box shadow

Box shadow on the pagination button for active slide.

#### Opacity

Transparency of the pagination button for active slide.

#### Width

Width of the pagination button for active slide.

#### Height

Height of the pagination button for active slide.

#### Border

Border on the pagination button for active slide.

### Style hover

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_W5LLSUGX2XVuRLTzp%2F-M_WAjYaOzmobnyzyCSA%2F69.png?alt=media\&token=42be7907-623b-438d-8441-8f5debe43382)

{% hint style="info" %}
Custom pagination layout in the _hover_ state.
{% endhint %}

#### Background

Background color on the pagination button for mouse hover state.

#### Border radius&#x20;

Border radius on the pagination button for mouse hover state..

#### Box shadow

Box shadow on the pagination button for mouse hover state.

#### Opacity

Transparency of the pagination button for mouse hover state.

#### Width

Width of the pagination button for mouse hover state.

#### Height

Height of the pagination button for mouse hover state.

#### Border

Border on the pagination button for mouse hover state.
