Pagination
Sign InPagination allows navigation between chunks, also denominated pages, of a dataset.
Sizes
| Size | Description |
|---|---|
| Small | The font-size is 12px and the proportions are smaller |
| Default | The font-size is 16px |
| Large | The font-size is 18px and the proportions are bigger |
Variations
Pagination
Use it when you need a simple pagination pattern that does not require to change the page size.
Pagination bar
A pagination bar is pagination with additional functionality. This added functionality comes with a page size selector placed on the left size of the bar. To the right side we incorporate a label to provide feedback on the exact chunk of information displayed from the dataset. On the right side of the pagination bar there is the classic pagination that adapts depending on the number of pages.
Use it when you need a complex pagination pattern that requires changing the page size and recalculating the number of pages. This pattern gives feedback about the chunk of dataset you are viewing.
Interactive components:
- Entries dropdown: to select the number of elements per page. You can configure you page size options.
- Arrows: to move to previous or next page.
- Ellipsis: to select intermediate pages not possible to see due to the number of pages.
Attributes
