When a page is not there: the code drawn huge, the bird that lost its way, one sentence, a search and the ways back — never a dead end.

WebBêtaModèles

Web uniquement — React, depuis @krizaka/ui/error-page. Bêta : son API peut encore changer à une version mineure.

Quand l’utiliser

Quand ne pas l’utiliser

Installer

npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcss

Styles

@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";

Importer

import { ErrorPage } from "@krizaka/ui/error-page";

The pigeon, a search and three ways back.

The address may have changed. Search for it, or start again from one of these.

An error page: the code drawn, the bird, a sentence, a search and the ways back.

Prop	Type	Défaut	Description
`code`requis	`string`	—	The code (`404`, `500`): drawn, not read — the title says it in words.
`title`requis	`ReactNode`	—	The page's `h1` (`This page took another road`).
`actions`	`ReactNode`	—	The ways back (an ActionBar: home, the docs, contact).
`mascot`	`ReactNode`	—	The bird beside the code (a Mascot in its `empty` or `error` mood).
`search`	`ReactNode`	—	A search, to find what was meant.
`text`	`ReactNode`	—	What happened and what to do, in one or two sentences.

The title says it in words; the code is drawn, not read.
Offer a search and two or three ways back.
Words and content arrive as props; the motion is the platform's ([data-reveal], still under reduced motion).

Générée depuis le code de @krizaka/ui 2.10.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub