Components Stats

Edit this page

Stats

A component that exposes result stats for display.

🕹 try out live

Usage

Basic usage:

<ais-stats></ais-stats>

Custom text:

<ais-stats>
  <template slot-scope="{ totalResults, processingTime, query, resultStart, resultEnd }">
    Showing {{ resultStart }} - {{ resultEnd }} of {{ totalResults }} results. Your query: <b>{{ query }}</b> took {{ processingTime }}ms
  </template>
</ais-stats>

Slots

Name Props Default Description
default totalResults, processingTime, query, resultStart, resultEnd '{{ totalResults }} results found in {{ processingTime }}ms' The text displayed

CSS Classes

ClassName Description
ais-stats Container class