Props
| Prop | Type | Required |
|---|---|---|
title | ReactNode | yes |
status | ReactNode | no |
note | ReactNode | no |
art | { src: string; width: number; height: number } | no |
back | ReactNode | no |
title renders as <h1>.
status is what the address itself answered — 404. It draws as the largest
thing on the screen, and the title moves under it.
art is decorative and drawn with an empty alt. Its width and height
reserve the box before the file arrives.
back is whatever takes a reader off the screen, rendered as given.
back decides the shape. With it this is the whole screen — the words centred,
the picture under them, the way out under that — because a screen that replaces
the page has to offer one or the reader is stuck on it. Without it this is a
block inside a page, a heading and a sentence in the reading column, and the
page around it already has its own way out. art is separate from that and
optional inside it: a build missing the file still draws the screen.
import { Nowhere } from "@luxfi/ui/read"<Nowhere status="404" title={t("common.pageNotFound")} art={art} back={<Verb to="/" />} />