ant-design/components/empty/index.zh-CN.md
MadCcc 40e77c40d3
docs: overview dark cover (#40666)
* docs: add dark overview

* docs: show dark cover in dark theme

* docs: update cover
2023-02-09 22:17:31 +08:00

1.8 KiB

category subtitle group title cover coverDark
Components 空状态 数据展示 Empty https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZdiZSLzEV0wAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*obM7S5lIxeMAAAAAAAAAAAAADrJ8AQ/original

空状态时的展示占位图。

何时使用

  • 当目前没有数据时,用于显式的用户提示。
  • 初始化场景时的引导创建流程。

代码演示

基本 选择图片 自定义 全局化配置 无描述

API

<Empty>
  <Button>创建</Button>
</Empty>
参数 说明 类型 默认值 版本
description 自定义描述内容 ReactNode -
image 设置显示图片,为 string 时表示自定义图片地址。 ReactNode Empty.PRESENTED_IMAGE_DEFAULT
imageStyle 图片样式 CSSProperties -

内置图片

  • Empty.PRESENTED_IMAGE_SIMPLE

  • Empty.PRESENTED_IMAGE_DEFAULT