---
url: "https://vueda.dev/v3/reference/api/vue/ErrorDisplay.md"
title: "ErrorDisplay"
---

# ErrorDisplay

## Overview

Displays a dismissible error message card, reports the error to Sentry, and optionally renders a router-link for navigation.

Theme entry: [ErrorDisplay](/v3/reference/theming/keys/ErrorDisplay.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-errored">errored</span> | `boolean` |  | `false` | Whether there is an error to display. |
| <span id="prop-error">error</span> | `object` |  | `null` | The error object to display; supports a single error or an array of errors. |
| <span id="prop-whileText">whileText</span> | `string` |  | `"loading"` | Phrase inserted into the default message as "There was an error while &lt;whileText&gt;." |
| <span id="prop-ignoreListFilterErrors">ignoreListFilterErrors</span> | `boolean` |  | `false` | When `true`, `ListFilterError` instances are silently ignored and not displayed. |
| <span id="prop-ignoreFormValidationErrors">ignoreFormValidationErrors</span> | `boolean` |  | `false` | When `true`, server feedback errors that can be ingested into form state are silently ignored. |
| <span id="prop-ignoreAbortedRequests">ignoreAbortedRequests</span> | `boolean` |  | `true` | When `true`, errors whose message contains "aborted" are silently ignored. |
| <span id="prop-redirectParams">redirectParams</span> | `object\|string` |  | `null` | Vue Router location passed to a `<router-link>` rendered below the error message. |
| <span id="prop-redirectTitle">redirectTitle</span> | `string` |  | `"Click here to go back."` | Link text displayed for the router-link when `redirectParams` is set. |
| <span id="prop-dismissible">dismissible</span> | `boolean` |  | `false` | When `true`, a close button is shown that emits `dismiss-error` when clicked. |

## Slots

### `default` {#slot-default}

Scoped slot.

#### Bindings

| Name | Description |
| --- | --- |
| <span id="slot-default-param-redirectParams">redirectParams</span> |  |
| <span id="slot-default-param-redirectTitle">redirectTitle</span> |  |
| <span id="slot-default-param-whileText">whileText</span> |  |
| <span id="slot-default-param-error">error</span> |  |

## Events

| Name | Description |
| --- | --- |
| `dismiss-error` | Emitted when the user closes the error message card. |

[Full event reference](/v3/reference/api/vue/ErrorDisplay/events.md)

## Source

`client/lib/display/error-display/ErrorDisplay.vue`