Pagination

Status

Component checklist

Key points

• Pagination is used when there are large collections of information that are better viewed in sets
• Pagination is stacked on small screens and displays inline on larger viewports
• There is an optional element to show different quantities of results per page
• By default, specific page controls are shown bookended by icon buttons, allowing the user to move to the previous or next page
• The number of page controls displayed is determined by the width available in the viewport
• The first and last page should always be displayed
• A non-interactive separator (ellipsis) can be used to show the division in steps

Use pagination to break up extensive collections of content into manageable pages that users can navigate.

File Links