ErrorPage: service unavailable
The same page for a server error, with a retry button and a request id to quote to support.
- ErrorPage
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, ErrorPage: service unavailable
Back in a few minutes
We are updating the service. Nothing you saved is lost; try again shortly.
Request id: a1f9-22c0-7e41
Dark theme, ErrorPage: service unavailable
Back in a few minutes
We are updating the service. Nothing you saved is lost; try again shortly.
Request id: a1f9-22c0-7e41
High contrast theme, ErrorPage: service unavailable
Back in a few minutes
We are updating the service. Nothing you saved is lost; try again shortly.
Request id: a1f9-22c0-7e41
UsageLink to the section Usage
import { ErrorPage } from '@skribly/ui/pages'<ErrorPage code={503} codeLabel="Error" title="Back in a few minutes" actions={<Button onPress={retry}>Try again</Button>}>
<p>Request id: <code>{requestId}</code></p>
</ErrorPage>Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- Retry is a real button and keeps focus; the request id wraps instead of widening the page at 320px.
This demo runs through axe in all three themes on every test run. See what the tests check.