@@include("./partials/title-meta.html", {"title": "Pagination"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/sidenav.html')
@@include("./partials/page-title.html", {"subtitle":"UI", "title":"Pagination"})

Default Pagination

Use .pagination inside <nav> for accessible, easy-to-click page links.

Alignment

Align pagination using flexbox utilities, such as .justify-content-center to center it.

Custom Color Pagination

Add classes like .pagination-primary , .pagination-info , or .pagination-secondary to customize pagination color.

Disabled and active states

Add .disabled and tabindex="-1" to .page-item to make it non-interactive.

Custom Icon Pagination

Add icons like <i class="YOUR ICON"></i> or SVGs inside .page-link for custom pagination arrows.

Sizing

Use .pagination-lg or .pagination-sm to change pagination size.

Boxed Pagination

Use .pagination-boxed with .pagination to give pagination items a boxed appearance.

Rounded Pagination

Use .pagination-rounded with .pagination to create rounded pagination links.

Soft Pagination

Use .pagination-soft-** with .pagination for a soft-colored pagination style.

@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')