---
title: Empty 空状态
order: 28
group:
  path: /components
nav:
  title: 组件
  path: /components
---

## Todo

设计规范待整理

## 使用

### 基本使用

```jsx
import React from 'react';
import { Empty } from 'quanta-design';

export default () => <Empty image={null} description="这是一条自定义的数据" />;
```

### Table 类型空状态

```jsx
import React from 'react';
import { Empty } from 'quanta-design';

export default () => <Empty type="table" description="暂无数据" />;
```

### Search 类型空状态

```jsx
import React from 'react';
import { Empty } from 'quanta-design';

export default () => <Empty type="search" insertValue="111" />;
```

## API

| 参数         | 说明                          | 类型     | 默认值  |
| ------------ | ----------------------------- | -------- | ------- |
| type         | Empty 样式类型                | string   | default |
| insertValue  | search 类型 Empty 搜索内容    | string   | -       |
| handleReload | search 类型 Empty reload 回调 | function | ()=>{}  |