反馈
EmptyState
一个还什么都没有的集合。
什么时候用它
这里没有出错,所以文案说“接下来做什么”,而不是“什么失败了”。
示例
default
No projects yet
Everything you publish will show up here. Start with the one you are already building.
说明
一个还什么都没有的集合。
和 ErrorState 不是一回事:这里没有出错,所以文案说的是该做什么,而不是什么失败了。它们是两个组件,因为那个共同的诱惑——一个组件加一个 variant——生产出来的错误页读起来会像空文件夹。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| title必填 | ReactNode | — | |
| action | ReactNode | 接下来该做的那一件事。一个没有动作的空状态是一条死路。 | |
| description | ReactNode | — | |
| icon | LucideIcon | 可选的 lucide 图标,以低对比度画在一个安静的圆里。 |
同时接受 Omit<HTMLAttributes<HTMLDivElement>, 'title'> 里的全部属性,它们会直接透传给底层元素,不再逐条列出。