---
url: /components/empty-state.md
---
# EmptyState 统一空态

列表、搜索、详情等场景的统一空态：图标 + 标题 + 描述 + 动作区。`default` 纵向适合页面级空态，`compact` 横向适合卡片/列表内嵌。

## 基础用法

## 紧凑模式

size 取 `compact` 时横向排布，高度更小，适合嵌在表格和卡片内：

## 语义色调

tone 决定图标底色，用于区分普通空态与告警、出错：

## 动作区与自定义图标

`actions` 插槽放后续动作，`icon` 插槽可完全替换图标区：