ErrorDisplay
Overview
Displays a dismissible error message card, reports the error to Sentry, and optionally renders a router-link for navigation.
Theme entry: ErrorDisplay
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| errored | boolean | false | Whether there is an error to display. | |
| error | object | null | The error object to display; supports a single error or an array of errors. | |
| whileText | string | "loading" | Phrase inserted into the default message as "There was an error while <whileText>." | |
| ignoreListFilterErrors | boolean | false | When true, ListFilterError instances are silently ignored and not displayed. | |
| ignoreFormValidationErrors | boolean | false | When true, server feedback errors that can be ingested into form state are silently ignored. | |
| ignoreAbortedRequests | boolean | true | When true, errors whose message contains "aborted" are silently ignored. | |
| redirectParams | object|string | null | Vue Router location passed to a <router-link> rendered below the error message. | |
| redirectTitle | string | "Click here to go back." | Link text displayed for the router-link when redirectParams is set. | |
| dismissible | boolean | false | When true, a close button is shown that emits dismiss-error when clicked. |
Slots
default
Scoped slot.
Bindings
| Name | Description |
|---|---|
| redirectParams | |
| redirectTitle | |
| whileText | |
| error |
Events
| Name | Description |
|---|---|
dismiss-error | Emitted when the user closes the error message card. |
Source
client/lib/display/error-display/ErrorDisplay.vue