Pagination

A way to split a long list into separate pages or batches.

Also called: pagination, pages, page numbers, page navigation, next page, previous page, paging, show more, load more, view more, infinite scroll, endless scroll

What it is for

It makes pages load faster and long lists easier to take in. It comes as numbered pages, a “Show more” button, or infinite scroll.

Where you see it

• Search results — results split across numbered pages
• Catalogs — a “Show more” button under the product list
• Social networks — content keeps loading as you reach the end of the feed

What it is called in code

• <nav aria-label="pagination">
• Pagination
• infinite scroll

See also

• Breadcrumbs — A small trail of links that shows the path from the home page to where you are now.
• Loading indicators — Anything that shows the site is busy: a progress bar, a spinning icon, or gray placeholders where content will appear.
• Carousel (slider) — A block that lets you flip through a set of images or cards by scrolling sideways.