跳到正文
GitHub

反馈

ErrorState

一个没能显示出来的页面。

示例

not found

Page not found

The page you're looking for has moved, or never existed.

Back home

说明

一个无法显示的页面。

状态码排在字号阶梯的最顶端,并标了 aria-hidden——念出来的话,在解释它的那句话之前先来一个“404”只是噪音,而紧随其后的标题已经用文字说了同一件事。

属性

ErrorState props
属性类型默认值说明
action必填ReactNode回去的路。用 渲染它。
code必填ReactNode状态码,排得很大——“404”“500”。装饰性的;意思由标题承担。
heading必填ReactNode
message必填ReactNode

同时接受 HTMLAttributes<HTMLElement> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。

再导出

ERROR_ACTION_CLASS = 'text-sm text-(--ink) underline decoration-(--rule-2) underline-offset-4 transition-colors duration-(--duration-fast) hover:decoration-(--ink)'

恢复入口的样子,导出出来,好让每个错误页提供的都是同一个,而不是各自发明一种链接样式。

无障碍

  • 巨大的状态码是 aria-hidden 的;紧随其后的标题用文字说了同一件事。