Pagination

Pagination

Pagination divides a large result set or long collection into manageable pages.

Core concept

Explain pagination markup, active and disabled states, previous/next controls, sizing, alignment, and accessible labels.

Using it in a real interface

Build a product listing with previous, numbered, and next controls. Explain why the current page must be identifiable and why unavailable previous/next controls should not look clickable.

Implementation notes

For large datasets, combine pagination with clear result counts or filtering information. The UI should tell users what page they are viewing and what the numbers represent.