Your bookmarks

Pagination

Lets users navigate through large collections of items.

Large numbers of items can overwhelm users and prevent them from finding what they’re looking for. Separating the items out into separate pages can help users focus on a few choices at a time.

Use pagination to show users there’s more for them to explore when they’re ready without being buried in too many options.

Component status

Figma
n/a
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

Selected page: indicates which page is currently being viewed; ellipsis: represents other pages in between to save horizontal space; page count: indicates how many pages there are in total; labels: can be hidden when needed.