UI Components

Pagination

Pagination splits a long set of results into numbered pages.

Also called Page numbersPaged resultsNext page linksPage controls

Visual Example

Try it: choose a page number to update the visible results.

Showing page 1

Result 1AResult 1BResult 1C

Plain Definition

Pagination gives people a clear position in a long set of items.

Use it when people may need to return to a specific page, compare counts, or scan results in predictable chunks.

You Might Describe This As...

  • "page numbers at the bottom"
  • "next and previous buttons for results"
  • "split results into pages"
  • "go to page two"

Fast lookup

You May Also Mean

Pagination and infinite scroll both manage long lists, but pagination creates stable chunks while infinite scroll keeps extending one continuous list.

Infinite Scroll

Check the name, visual cue, and typical use.

Pagination vs Infinite Scroll

See the practical difference side by side.

What It Is Used For

  • Search results
  • Tables with many rows
  • Lists where people need a stable place

Example User Phrasing

  • "Show ten results per page with next and previous controls."
  • "I need page numbers at the bottom of the list."