@@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')