Ant Design of React ✨ 特性 兼容环境 版本 安装 使用 npm 或 yarn 安装 浏览器引入 示例 按需加载 TypeScript 链接 谁在使用 如何贡献 社区互助 Ant Design of React antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企...

Mentions提及 何时使用 代码演示 API Mentions Mentions 方法 Option Mentions提及 提及组件。 何时使用 用于在输入中提及某人或某事，常用于发布、聊天或评论功能。 代码演示 基本使用 基本使用。 import { Mentions } from 'ant...

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

常见问题 Angular 是不是打出来的包很大？ ng-zorro-antd 打包大小如何？ Angular 是不是过时了，运行会慢吗？ng-zorro-antd 性能如何？ 我可以在 Angular 其他版本中使用 ng-zorro-antd 吗？ 我可以只使用 ng-zorro-antd 的部分组件吗？ ng-zorro-antd 为什么使用...

常见问题 Angular 是不是打出来的包很大？ ng-zorro-antd 打包大小如何？ Angular 是不是过时了，运行会慢吗？ng-zorro-antd 性能如何？ 我可以在 Angular 其他版本中使用 ng-zorro-antd 吗？ 我可以只使用 ng-zorro-antd 的部分组件吗？ ng-zorro-antd 为什么使用...

Steps步骤条 何时使用 代码演示 API Steps Steps.Step Steps步骤条 引导用户按照流程完成任务的导航条。 何时使用 当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。 代码演示 基本用法 简单的步骤条。 import { Steps } from 'ant...

项目实战 创建新应用 使用 antd 新建路由 编写 UI Component 定义 dva Model connect 起来 构建应用 下一步 项目实战 在真实项目开发中，你可能会需要 Redux 或者 MobX 这样的数据流方案，Ant Design React 作为一个 UI 库，可以和任何 React 生态圈内的数据流方案以及...

Pagination分页 何时使用 代码演示 API Pagination分页 采用分页的形式分隔长列表，每次只加载一个页面。 何时使用 当加载/渲染所有数据将花费很多时间时； 可切换页码浏览数据。 代码演示 基本 基础分页。 import { Pagination } from 'antd'...

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

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