ant-design/components/empty/index.zh-CN.md
二货爱吃白萝卜 20561d6f9d
docs: Fix component doc alignment & support import usage (#48004)
* docs: init ref

* docs all support

* docs: fix link show
2024-03-22 14:22:42 +08:00

2.0 KiB
Raw Blame History

category group title subtitle description 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

主题变量Design Token