# 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 

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.