Design
Accessibility
Code
Pagination is a component capable of helping the user navigate and give access to multiple pages of content or data.
Pagination
Use this responsive pagination component for navigation through multiple pages or content 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).