ErrorPage
A full page for 404, 403, 500 and 503: what happened in plain words and the ways out. Children add a second language, a request id or a search box.
- ErrorPage
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
Dark theme, ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
High contrast theme, ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
UsageLink to the section Usage
import { ErrorPage } from '@skribly/ui/pages'<ErrorPage
code={404}
codeLabel="Error"
title="Page not found"
description="The address may be mistyped."
actions={<LinkButton href="/" variant="primary">Go to the start page</LinkButton>}
/>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
- The large number is decoration; the heading reads "Error 404.
- Page not found".
- Text in another language carries its lang attribute.
- In a single page app, focusOnMount moves focus to the heading so screen readers hear the error.
- The actions stack full width on a phone.
This demo runs through axe in all three themes on every test run. See what the tests check.