mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 08:19:37 +08:00
c93bd326f4
* docs(update): removed 3.x version description in 4.0-prepare ref #19815 * docs(update): update docs remove carousel/index.zh-CN.md empty version column * docs(update): update docs remove carousel/index.en-US.md empty version column
39 lines
991 B
Markdown
39 lines
991 B
Markdown
---
|
|
category: Components
|
|
subtitle: 空状态
|
|
type: 数据展示
|
|
title: Empty
|
|
cols: 1
|
|
---
|
|
|
|
空状态时的展示占位图。
|
|
|
|
## 何时使用
|
|
|
|
- 当目前没有数据时，用于显式的用户提示。
|
|
- 初始化场景时的引导创建流程。
|
|
|
|
## API
|
|
|
|
```jsx
|
|
<Empty>
|
|
<Button>创建</Button>
|
|
</Empty>
|
|
```
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
|
| --- | --- | --- | --- | --- |
|
|
| description | 自定义描述内容 | string \| ReactNode | - | |
|
|
| imageStyle | 图片样式 | CSSProperties | - | |
|
|
| image | 设置显示图片，为 string 时表示自定义图片地址。 | string \| ReactNode | `Empty.PRESENTED_IMAGE_DEFAULT` | |
|
|
|
|
## 内置图片
|
|
|
|
- Empty.PRESENTED_IMAGE_SIMPLE
|
|
|
|
<img src="https://user-images.githubusercontent.com/507615/54591679-b0ceb580-4a65-11e9-925c-ad15b4eae93d.png" height="35px">
|
|
|
|
- Empty.PRESENTED_IMAGE_DEFAULT
|
|
|
|
<img src="https://user-images.githubusercontent.com/507615/54591670-ac0a0180-4a65-11e9-846c-e55ffce0fe7b.png" height="100px">
|