Paging

Pagination allows you to navigate from one page to the next.

When to use paging ?

Pagination simplifies navigation through large lists by dividing data into separate pages.

Usage

The use of three dots depends on your design and user-friendliness, usually applied when pages exceed 5 to 7, varying with context and design preferences.

Truncation

For a large number of pages, or where page space is restricted, consider using truncated pagination.

Different pagination

 

Use the previous next for the user to follow a pattern

Use pagination so that locations with filtering

Use pagination with dropdow for listing the number of element you want to see

Use this pagination when data is dynamic

Do/don't

Format

DO

DON'T

Use Truncation if you have many page.

Use Truncation if you have many page.

Don’t use if you don't have many pages.

Don’t use if you don't have many pages.

 

 

DO

DON'T

We want to see the whole number.

We want to see the whole number.

When we have more than 1000 results or more, don't add the letter

When we have more than 1000 results or more, don't add the letter "k" to truncate the number.