Skip to content
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.

Pagination is a component capable of helping the user navigate and give access to multiple pages of content, typically used in long form content.

Pagination

Use this pagination component for navigation within both finite (a set number) and infinite (unknown number) of views.

User experience

Pagination is useful for segmenting large amounts of content (usually written) to limit page length and make the consuming experience more manageable.

Visual design

The pagination component extends the button styles and provides another opportunity to add some subtle brand colour to the UI. This design also provides accessible hit size and contrast ratios.

Dos and don’ts

  • Avoid changing the styles (border radius, colours, size etc).
  • Consider smaller viewports when adding lots of pagination links as this component does not wrap.

ComponentsCopyright © 2023 by Westpac Banking Corporation. All rights reserved.