The missing page component can be used to display an error message and "return to homepage" button when an error occurs.
Examples
Basic missing page
A basic missing page component informs users that an error has occurred. It also includes a button link, which users can select to return to the homepage.
We lost that page
Let's find you a new one. Try a new search or return home.
Props
MissingPage
Name | Type | Default | Description |
---|---|---|---|
bodyText | string | "Let's find you a new one. Try a new search or return home." | The body text for the invalid object message |
ouiaId | string | number | "MissingPage" | Custom OUIA ID |
titleText | string | 'We lost that page' | The title for the invalid object message |
toHomePageText | React.ReactNode | 'Return to homepage' | The text label for the link that points back to the home page |
toHomePageUrl | string | window.location.origin | The URL that the home page link points to |