Pagination

The Pagination component provides an interface for navigating data or result sets that are spread across multiple pages. It can support arbitrary actions upon page button click. This means it isn't tied to any particular URL structure or API approach.

( Page 1 of 9 )

This example shows the pagination component when hidden begin and end arrows are set to true, max view pages are 3, and a custom className (text-center) is passed to the component.

Note that the component is still mobile-responsive, and still requires the included stylesheet (Pagination.scss).

( Page 1 of 14 )

This example shows the default case for all props except custom content is passed for the first, next, previous, last buttons.

This component requires custom styling, which is included in the Pagination.scss file.

( Page 1 of 14 )