Navigate through pagination.

Example


import { Paging } from "@elastic/react-search-ui";

...

<Paging />

Properties

NameDescription
className
view
Used to override the default view for this Component. See View customization below.
*
Any other property passed will be passed through and available to use in a Custom View

View customization

A complete guide to view customization can be found in the Customization: Component views and HTML section.

The following properties are available in the view:

NameDescription
className
Passed through from main component.
current
Type: number. The current page
resultsPerPage
Type: number. The number of results that are shown per page.
onChange
function(value: number) - call this with the newly selected page number
totalPages
Type: number. The total number of pages.

See Paging.tsx for an example.

On this page