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).
Where is this available?
The GEL design System will always have the latest component versions and additions, however new components and changes to existing components may roll out to other platforms at different times.
| Platform | Status |
|---|---|
| GEL Design System | Available |
| Mesh UI | Older version available |
| Legacy WDP | Older version available |