Pagination

yarn add @clayui/pagination

Pagination provides horizontal navigation between chunks(pages) of a dataset.

Examples
API

Stable 3.75.2 View in Lexicon CHANGELOG

Numbered Pagination

You can use ClayPagination.Ellipsis to display a dropdown with the specified page numbers as the dropdown's options.

ClayPagination.Item renders a basic Pagination item with content you provide.

Combining these you can reach the following result:

Code Sample (expand to see it)

Numbered Pagination

If you want to have a simple Pagination with integers as Pagination items you can use a simpler variant, PaginationWithBasicItems as you can see below:

Code Sample (expand to see it)