{% set title = 'Pagination' %} {% set filename = 'component-pagination.html' %} {% extends 'src/layouts/master.html' %} {% block content %}

### Pagination

Examples for showing pagination to indicate a series of related content exists across multiple pages.

#### Basic Pagination

Pagination with active item

#### Pagination with Icon

Change prev and next button into icon

#### Pagination Color

To add pagination with different color options, use class `.pagination-{colorName}` with `.pagination` class.

#### Pagination Size

Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.

#### Alignment

Change the alignment of pagination components with flexbox utilities.

{% endblock %}