Component

Pagination

SCSS Location: /styles/scss/partial/_pagination.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

Pagination controls are used to navigate through paged content using either the Next/Previous page links or links to specific numbered pages.

Guidelines

  • Previous and Next links allow the user to move forward and backward.
  • An Ellipsis is applied as a bridge for long lists of pages. This Ellipsis is applied right before the last page link in in the list, or (in the case of being at the end of the list), right after the first page.

Usage

Pagination controls are automatically generated on the Search Results Page when more than the default display count is returned as part of a search.

Default

Full Width