No results
A convenience component that will only be showed when no results are to be yielded.
Usage
Basic usage:
<ais-no-results></ais-no-results>
Overriding the default content:
<ais-no-results>
<template slot-scope="props">
No products found for <i>{{ props.query }}</i>.
</template>
</ais-no-results>
Slots
| Name | Props | Default | Description |
|---|---|---|---|
| default | query | No results matched your query <strong class="ais-no-results__query">{{query}}</strong> |
The content to be displayed when no results are yielded. |
CSS Classes
| ClassName | Description |
|---|---|
ais-no-results |
Container class |
ais-no-results__query |
The current query |
