Pagination
Navigation component for paginated content. Styled as capsules within a tray container in the Tinted Trays design system.
Basic Pagination
Standard pagination with page numbers displayed as capsule elements within a tray.
With Ellipsis
Pagination with ellipsis to indicate hidden pages for large datasets.
First Page Active
Pagination state when the user is on the first page.
Minimal Pagination
Simple previous/next navigation without page numbers.
Extended Range
Full pagination with multiple ellipsis for very large page ranges.
On White Surface
Pagination displayed within a Card surface.
Results
Showing 21-30 of 250 items
Layered Container Pattern
Multi-level structure: tinted section background, white pagination container, and colored page buttons.
Borderless Style
Pagination buttons directly on the canvas without a container, for minimal interfaces.