Default Pagination

Default pagination:

No direction links:

With boundary links:


Current page: {{ page }}

Advanced Pagination

Restricted size, no rotation:

Restricted size with rotation:

Restricted size with rotation and no ellipses:


Current page: {{ page2 }}

Pagination Size

This is Pagination size

Pagination Alignment

Change the alignment of pagination components with flexbox utilities.

Disabled Pagination

This is Disabled pagination

Pagination control can be disabled:


Custom Links

A pagination with customized links:
Prev Next {{ getPageSymbol(p) }}

A pagination with customized pages:

  • of {{ pages.length }}

  • Current page: {{ page5 }}