Pagination is used to denote and navigate between pages of content.
Overview
Pagination provides a way to display and browse large amounts of content. 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
Key | Function |
---|---|
Tab | Moves focus to next page number. If the current focus is the last page, focus will exit the component. |
Tab and Shift | Moves focus to previous item. If the current focus is the first item, focus will exit the component. |
Enter | Selects the currently focused page number. |
Space | Selects the currently focused page number. |