ErrorPage
Pełna strona dla błędów 404, 403, 500 i 503: co się stało prostymi słowami oraz wyjścia z sytuacji. Children dodają drugi język, identyfikator żądania albo pole wyszukiwania.
- ErrorPage
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
Noc, podgląd: ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
Wysoki kontrast, podgląd: ErrorPage
Page not found
The address may be mistyped, or the page has moved. Your work is safe.
Nie znaleziono strony
UżycieLink do sekcji Użycie
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>}
/>Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Duża liczba jest dekoracją; nagłówek brzmi „Error 404.
- Page not found”.
- Tekst w innym języku ma atrybut lang.
- W aplikacji jednostronicowej focusOnMount przenosi fokus na nagłówek, aby czytniki ekranu odczytały błąd.
- Akcje układają się na telefonie w pełnej szerokości.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.