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.
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.