ErrorState

ErrorState informs users that an error has ocurred and provides the opportunity to retry the relevant action that caused the error.

For more information on how to use the features and props for this component, check out the developer documentation.

The ErrorState component displays the warn Icon in the center or whichever container it is rendered within. It may optionally include a message that will render below the Icon. This message is set to Unknown error by default.

If an onRetry callback function is provided, a Try again Button will render below the Icon and message.

NameTypeDefaultDescription
classNamestringAdditional CSS classes.
messagestring'Unknown error' Message to display below the icon.
onRetry() => voidCallback function that if provided renders a localized Retry button.
refRef<HTMLDivElement>