TimePicker时间选择框 代码演示 API 方法 TimePicker时间选择框 当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。 代码演示 基本 点击 TimePicker，然后可以在浮层中选择或者输入某一时间。 import { TimePicker } from 'antd' ;...

Space间距 何时使用 代码演示 API Size Space间距 设置组件之间的间距。 何时使用 避免组件紧贴在一起，拉开统一的空间。 适合行内元素的水平间距。 可以设置各种水平对齐方式。 代码演示 基本用法 相邻组件水平间距。 import { Button , Space , Uplo...

Space间距 何时使用 代码演示 API Size Space间距 设置组件之间的间距。 何时使用 避免组件紧贴在一起，拉开统一的空间。 适合行内元素的水平间距。 可以设置各种水平对齐方式。 代码演示 基本用法 相邻组件水平间距。 import { Button , Space , Uplo...

Input输入框 何时使用 代码演示 API Input Input.TextArea Input.Search Input.Group Input.Password (3.12.0 中新增) FAQ 为什么我动态改变 prefix/suffix 时，Input 会失去焦点？ Input输入框 通过鼠标或键盘输入内容，是最基础的表...

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

AutoComplete自动完成 何时使用 代码演示 API 方法 AutoComplete自动完成 输入框自动完成功能。 何时使用 需要自动完成时。 代码演示 基本使用 基本使用。通过 dataSource 设置自动完成的数据源 import { AutoComplete } from 'antd'...

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

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

v10 升级指南 开始之前 升级步骤 1.迁移到二级入口（如果需要） (1) 安装 NG-ZORRO TSLint (2) 配置 tslint.json (1) 运行 TSLint 检查项目中的一级入口并修复 2. 升级相关依赖 3.升级 NG-ZORRO v10 升级指南 本文档将帮助你从 ng-zorro-antd 9.x 版本...

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