An unavailable content component displays a screen to users when they attempt to view a page that is currently unavailable to view.
Examples
Basic unavailable content
A basic unavailable content component provides users with instructions, including a link to check a status page for known issues.
The status page link can be specified using statusPageUrl.
Props
UnavailableContent
| Name | Type | Default | Description |
|---|---|---|---|
| bodyText | React.ReactNode | 'Try refreshing the page. If the problem persists, contact your organization administrator or visit our status page for known outages.' | The body text for the unavailable content message |
| headingLevel | No type info | "h5" | |
| ouiaId | string | number | 'UnavailableContent' | Custom OUIA ID |
| statusPageLinkText | React.ReactNode | 'Status Page' | The text label for the link that points to the status page |
| statusPageUrl | string | '' | The URL that the status page link points to |
| titleText | React.ReactNode | 'This page is temporarily unavailable' | The title for the unavailable content message |
