组件 · 数据展示
Empty 空状态
空数据占位：Header/Media/Title/Description/Content 槽位。
使用建议
- 避免：空状态里堆叠营销文案
- 限制：属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准，禁止臆造
引入
tsx
import {
Empty,
EmptyContent,
EmptyDescription,
EmptyHeader,
EmptyMedia,
EmptyTitle,
} from '@selrux/ui/empty';演练场
调节下方可实现的字面量属性，实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。
📭
暂无项目
创建第一个项目开始协作。
代码演示
基础用法
标题、描述与引导操作。
📭
暂无项目
创建第一个项目开始协作。
尺寸
size 影响间距与字号。
小号
size="sm"
大号
size="lg"
API
属性覆盖：示例用到 2 / 2 个自有属性（100%）
由 scripts/demo-coverage.mjs 统计，不含 className / style / 原生透传属性与纯转发事件。
Empty
主题化空状态根。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
size | - | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | - |
另有 280 项原生属性与事件继承自 HTMLAttributes，原样透传。
EmptyContent
空状态操作区。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
EmptyDescription
空状态说明。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
EmptyHeader
空状态头部。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
EmptyMedia
空状态媒体槽。
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
variant | 媒体呈现：default 自由内容，icon 固定图标槽几何。 | "icon" | "default" | - |
另有 280 项原生属性与事件继承自 HTMLAttributes，原样透传。
EmptyTitle
空状态标题。
无自有属性；其余 280 项原生属性继承自 HTMLAttributes。
导出类型：EmptyContentProps、EmptyDescriptionProps、EmptyHeaderProps、EmptyMediaProps、EmptyProps、EmptySize、EmptyTitleProps