Przejdź do treści

ErrorPage: service unavailable

Ta sama strona dla błędu serwera, z przyciskiem ponowienia i identyfikatorem żądania do podania pomocy technicznej.

  • ErrorPage

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: ErrorPage: service unavailable

Error 503. Back in a few minutes

We are updating the service. Nothing you saved is lost; try again shortly.

Request id: a1f9-22c0-7e41

Noc, podgląd: ErrorPage: service unavailable

Error 503. Back in a few minutes

We are updating the service. Nothing you saved is lost; try again shortly.

Request id: a1f9-22c0-7e41

Wysoki kontrast, podgląd: ErrorPage: service unavailable

Error 503. Back in a few minutes

We are updating the service. Nothing you saved is lost; try again shortly.

Request id: a1f9-22c0-7e41

UżycieLink do sekcji Użycie

tsx
import { ErrorPage } from '@skribly/ui/pages'
tsx
<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>

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ść

  • Ponów jest prawdziwym przyciskiem i zachowuje fokus; identyfikator żądania się zawija, zamiast poszerzać stronę przy 320 px.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /