Pagination
This simple component allows to splitting large
amounts of content across multiple pages, allowing the user to navigate
sequentially or alternate on them.
Use Cases
- When on-screen content is heavy loaded and information is needed to be splitted up.
- This could apply mainly to search results and heavy data tables.
HTML
Do's & Dont's
Keep placement consistent
Pagination consist of two elements that work together and this must
be clear to our users. To allow this, it is advised to keep the
component either at top or bottom of the screen, always considering
fixed elements of the layout (as Headers and Footers). However, this
decision must be taken based on business needs.
Clarify current location
Just as in other navigational elements, it is important to let the
user be aware of where is he on the application.
Be sure to use proper formatting for the current page of content in every screen to avoid confusion.
Be sure to use proper formatting for the current page of content in every screen to avoid confusion.
Be aware of screen sizes
To ease the use of this component, always consider the layout of it
depending on the screen size it will be shown.
Always decide between the Compressed and Default version depending on the space available on screen.
Always decide between the Compressed and Default version depending on the space available on screen.
Alternative and Related components
