Loading

Paging

Navigate through pagination.

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

...

<Paging />
Name Description
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

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:

Name Description
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.