跳到正文
GitHub

反馈

EmptyState

一个还什么都没有的集合。

什么时候用它

这里没有出错,所以文案说“接下来做什么”,而不是“什么失败了”。

示例

default

No projects yet

Everything you publish will show up here. Start with the one you are already building.

说明

一个还什么都没有的集合。

ErrorState 不是一回事:这里没有出错,所以文案说的是该做什么,而不是什么失败了。它们是两个组件,因为那个共同的诱惑——一个组件加一个 variant——生产出来的错误页读起来会像空文件夹。

属性

EmptyState props
属性类型默认值说明
title必填ReactNode
actionReactNode接下来该做的那一件事。一个没有动作的空状态是一条死路。
descriptionReactNode
iconLucideIcon可选的 lucide 图标,以低对比度画在一个安静的圆里。

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