Pagination

Overview

Pagination is used to divide large amounts of content into a series of pages. This allows users to navigate through the content more easily, with controls for moving to the next or previous page, and an option to jump to a specific page. Whether it's search results or product catalogues, pagination helps users browse through the content in a more organised and manageable way.

Pagination component features

  • The component features a maximum of 7 slots for numbers and ellipses (overflow indicator)
  • The first slot is always the first page of the set
  • If there are fewer than 7 pages in the set, show only that number of slots
  • The component always shows the first page and current page
  • Next page, previous page, First page and Last page only appear if those pages exist
Back to top