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.