PagingInfo
Elastic Cloud Serverless projects are autoscaled environments, fully managed by Elastic and available on Elastic Cloud. Availability This functionality is generally available and ready for production usage. Serverless interfaces and procedures might differ from classic Elastic Stack deployments. The Elastic Stack includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats. Availability This functionality is generally available and ready for production usage. Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments. This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the release notes for changes.
Serverless
Generally available
Stack
Generally available
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.