Pagination
Hard-edge pagination with stacked card elements. Each page number is a distinct card with solid shadows, creating a tactile, index-card feel for navigation.
Basic Usage
With Ellipsis
With Page Jump
Direct input for jumping to a specific page with validation. Current page: 1/20
Go to page:
Unified Border Style
A single outer border wraps all elements, with borderless items inside for a cohesive look.
Compact Unified Style
A minimal version with just page numbers in a unified container.
Unified Style with Jump Input
Integrated input field within the unified pagination bar.
First Page Selected
Last Page Selected
Disabled State
Previous and Next buttons can be disabled when at the boundaries.
First page (Previous disabled):
Last page (Next disabled):