Pagination - Keep React

Table of Contents#

• Default Pagination
• Pagination Shape
• Navigator With Icon
• Navigator With Text
• Pagination With Input
• Pagination API
• Pagination Item API
• Navigator API

Default Pagination#

The Default Pagination component displays a basic pagination list, allowing users to navigate between pages.

Pagination Shape#

You can customize the shape of pagination items using the shape prop. Available shapes include 'rounded' and 'circle'. By default, pagination items have a 'rounded' shape.

Navigator With Icon#

Enhance the navigational controls with icons to make them more visually appealing and intuitive.

Navigator With Text#

Alternatively, you can use text-based navigational controls for a simpler approach.

Pagination With Input#

Allow users to switch to a specific page by entering the page number in an input field.

Pagination API#

Here are the available props for the <Pagination> component:

rounded

circle

Pagination Item API#

Explore the props available for the <Pagination.Item> component:

Navigator API#

Discover the available props for the <Pagination.Navigator> component:

rounded

circle