# 空状态 Empty

分类：反馈 · React：Empty

还没有内容时：说明为什么空、下一步做什么。

## 示例
```html
<div class="xxd-empty" data-size="sm"><i data-xxd-icon="FileText"></i><p class="xxd-empty__title">还没有记录</p></div>
<div class="xxd-empty"><i data-xxd-icon="Package"></i><p class="xxd-empty__title">还没有插件</p><p class="xxd-empty__text">用一行命令新建一个。</p><div class="xxd-clipboard" data-size="sm"><code>pnpm xxd new ~/js/插件-今日待办</code><button class="xxd-btn" data-variant="ghost" data-icon-only data-size="xs" aria-label="复制" data-copy="pnpm xxd new ~/js/插件-今日待办"><i data-xxd-icon="Copy" data-size="14"></i></button></div></div>
```

## 属性与类名
- `data-size`：sm | lg
- 类名：`xxd-empty` `xxd-empty__title` `xxd-empty__text` `xxd-empty__actions`

## 键盘与读屏
- 图标是装饰（aria-hidden）；标题写事实，正文写下一步
- 下一步是按钮或链接，键盘可达

## 规则
- 说明 + 一个明确的下一步