| Name | Description | Default | Type |
|---|---|---|---|
className | Additional CSS classes. | | string |
message | Message to display below the icon. | 'Unknown error' | string |
onRetry | | () => void | |
ref | | Ref<HTMLDivElement> |
ErrorState
core package3.2.2
Note: All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Community.
ErrorState informs users that an error has ocurred and provides the opportunity to retry the relevant action that caused the error.
Usage
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.
Example
Unknown error