Pagination

Pagination is used to denote and navigate between pages of content.

Overview

Pagination provides a way to display and browse large amounts of content. Avoid using Pagination for small amounts of content or for carousel-type interactions. Intended to be placed at the bottom of a group of content, Pagination should not be used in place of Tabs or traditional top-level navigation.

Usage

  • Navigating between pages of similar content

Sample

Accessibility

Keyboard navigation

KeyFunction
TabMoves focus to next page number. If the current focus is the last page, focus will exit the component.
Tab and ShiftMoves focus to previous item. If the current focus is the first item, focus will exit the component.
EnterSelects the currently focused page number.
SpaceSelects the currently focused page number.

API reference

Properties

Events

Methods

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.