Pagination Component
Capsule-shaped pagination with orbit hover effect on the container.
Basic Pagination
Accent Variant
Only the active/selected page uses accent color, others remain default.
Separated Items
Each pagination element has its own border instead of a container.
...
Separated Items - Accent
Separated style with accent color only on the active/selected page.
...
With Page Jump
Jump to a specific page by entering the page number (1-20).
......
Current page: 5 of 20
Compact Variant
A minimal style with just navigation arrows, ideal for limited space.
3 / 10