Pagination

yarn add @clayui/pagination

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

Stable3.27.0View in LexiconCHANGELOGstorybook demos

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)

How can this be improved? Create an issue!