› › ›

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.