Badge徽标数 何时使用 代码演示 API Badge徽标数 图标右上角的圆形徽标数字。 何时使用 一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。 代码演示 基本 简单的徽章展示，当 count 为 0 时，默认不显示，但是可以使用 showZero 修改为显示。 im...

从 v3 到 v4 升级准备 4.0 有哪些不兼容的变化 设计规范调整 兼容性调整 移除废弃的 API 图标升级 组件重构 开始升级 迁移工具修改详情 将已废弃的 Form 和 Mention 组件通过 @ant-design/compatible 包引入 用新的 @ant-design/icons 替换字符串类型的 icon 属性值 将 ...

Switch开关 何时使用 代码演示 API 方法 Switch开关 开关选择器。 何时使用 需要表示开关状态/两种状态之间的切换时； 和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。 代码演示 基本 最简单的用法。 imp...

从 v3 到 v4 升级准备 4.0 有哪些不兼容的变化 设计规范调整 兼容性调整 移除废弃的 API 图标升级 组件重构 开始升级 迁移工具修改详情 将已废弃的 Form 和 Mention 组件通过 @ant-design/compatible 包引入 用新的 @ant-design/icons 替换字符串类型的 icon 属性值 将 ...

Carousel走马灯 何时使用 代码演示 API 方法 Carousel走马灯 旋转木马，一组轮播的区域。 何时使用 当有一组平级的内容。 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。 常用于一组图片或卡片轮播。 代码演示 基本 最简单的用法。 import { Carousel ...

Carousel走马灯 何时使用 代码演示 API 方法 Carousel走马灯 旋转木马，一组轮播的区域。 何时使用 当有一组平级的内容。 当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现。 常用于一组图片或卡片轮播。 代码演示 基本 最简单的用法。 import { Carousel ...

Statistic统计数值 何时使用 代码演示 API Statistic Statistic.Countdown Statistic统计数值 展示统计数值。 何时使用 当需要突出某个或某组数字时。 当需要展示带描述的统计类数据时使用。 代码演示 基本 简单的展示。 import { Statisti...

Empty空状态 何时使用 代码演示 API 内置图片 (3.16.0 以上版本) Empty空状态 空状态时的展示占位图。 何时使用 当目前没有数据时，用于显式的用户提示。 初始化场景时的引导创建流程。 代码演示 基本 简单的展示。 import { Empty } from 'antd'...

Switch开关 何时使用 代码演示 API 方法 Switch开关 开关选择器。 何时使用 需要表示开关状态/两种状态之间的切换时； 和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。 代码演示 基本 最简单的用法。 imp...

Empty空状态 何时使用 代码演示 API 内置图片 (3.16.0 以上版本) Empty空状态 空状态时的展示占位图。 何时使用 当目前没有数据时，用于显式的用户提示。 初始化场景时的引导创建流程。 代码演示 基本 简单的展示。 import { Empty } from 'antd'...