› › ›

PagingInfo

Paging details, like "1 - 20 of 100 results".

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

...

<PagingInfo />

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.
end	Type: `number`. The position of the last result shown on this page of reuslts.
searchTerm	Type: `string`. The current search term.
start	Type: `number`. The position of the first result shown on this page of reuslts.
totalResults	Type: `number`. The total number of results.

See PagingInfo.tsx for an example.