Components/Pagination

Pagination allows users to separate their content into discrete pages, making it easier to digest and navigate through. Pagination is commonly used for tables and tiles.

**Use pagination if:** - The user needs to search through several related items (over 30 is a good basis) - The content contains products that users can choose from - You want to allow users to bookmark pages - You want your content to be optimized for search **Use pagination if:** - The user needs to search through several related items (over 30 is a good basis) - The content contains products that users can choose from - You want to allow users to bookmark pages - You want your content to be optimized for search

First and Previous page buttons are disabled when first page is active.

Pagination can display middle pages to increase reachability. The ellipsis will not only display before the last page but also after the first page, showing two pages before & two after the current page. In sum 9 elements are shown: first page + more + 2 pages before + current page + 2 pages after + more + last page.

Last and Next page buttons are disabled when last page is active.

Additionally, per page section can be displayed with select to specify which number of items should be shown on the every page.

Pagination component is responsive by default. When the screen's size is smaller than 1024px in width mobile mode is shown and you have nothing to do. If you want to display pagination component always in mobile mode please add \