---

title: FallbackDisclaimer

---

# FallbackDisclaimer

The `FallbackDisclaimer` component shows a message if the filters have been removed from the current
search because there were no results.

## Slots

| Name                 | Description | Bindings<br />(name - type - description) |
| -------------------- | ----------- | ----------------------------------------- |
| <code>default</code> |             |                                           |

## Examples

This default fallback disclaimer component reads the query from the search state and passes it to
its default slot. This component will be rendered if there is a no results with filters situation.

### Basic usage

```vue
<FallbackDisclaimer />
```

### Customizing its contents

```vue
<FallbackDisclaimer>
  <template #default="{ query }">
    No results found for '{{ query }}' with the selected filters. The filters have been unselected.
  </template>
</FallbackDisclaimer>

<script>
  import { FallbackDisclaimer } from '@empathyco/x-components/search';

  export default {
    components: {
      FallbackDisclaimer
    }
  };
</script>
```