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	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
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.

Full event reference

Source

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