{% extends "partials/layouts/main-layout.html.twig" %} {% block body_attributes %} {% endblock %} {% block sidebar %} {% include "partials/sidebar.html.twig" %} {% endblock %} {% block hr_sidebar %} {% include "partials/horizontal-sidebar.html.twig" %} {% endblock %} {% block content %}
{% include "partials/breadcrumb.html.twig" with {'title': "Pagination", 'subtitle': "Home"} %}

Default Pagination

Pagination with Icon

Pagination with Active and Disabled States

Large Pagination

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

Small Pagination

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

Center Alignment Pagination

Change the alignment of pagination components with flexbox utilities.

Right Alignment Pagination

Change the alignment of pagination components with flexbox utilities.

{% endblock %}