反馈
ErrorState
一个没能显示出来的页面。
示例
not found
说明
一个无法显示的页面。
状态码排在字号阶梯的最顶端,并标了 aria-hidden——念出来的话,在解释它的那句话之前先来一个“404”只是噪音,而紧随其后的标题已经用文字说了同一件事。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| 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 的;紧随其后的标题用文字说了同一件事。