Tag标签 何时使用 代码演示 API Tag Tag.CheckableTag Tag标签 进行标记和分类的小标签。 何时使用 用于标记事物的属性和维度。 进行分类。 代码演示 基本 基本标签的用法，可以通过添加 closable 变为可关闭标签。可关闭标签具有 onClose 事件。 import ...

Timeline时间轴 何时使用 代码演示 API Timeline Timeline.Item Timeline时间轴 垂直展示的时间流信息。 何时使用 当有一系列信息需按时间排列时，可正序和倒序。 需要有一条时间轴进行视觉上的串联时。 代码演示 基本用法 基本的时间轴。 import { Time...

Collapse折叠面板 何时使用 代码演示 API Collapse Collapse.Panel Collapse折叠面板 可以折叠/展开的内容区域。 何时使用 对复杂区域进行分组和隐藏，保持页面的整洁。 手风琴 是一种特殊的折叠面板，只允许单个内容区域展开。 代码演示 折叠面板 可以同时展开多个面板，这...

Icon 图标 图标的命名规范 如何使用 (WEB 版) 如果使用纯粹的 webpack ，配置如下： 如果使用 atool-build 作为构建工具，webpack.config.js 文件写法稍有不同，配置如下： 如果使用 dva-cli 创建项目，则默认构建工具为 roadhog，其配置方式参考 官方文档 组件中使用示例代码如下: 本地部...

Collapse折叠面板 何时使用 代码演示 API Collapse Collapse.Panel Collapse折叠面板 可以折叠/展开的内容区域。 何时使用 对复杂区域进行分组和隐藏，保持页面的整洁。 手风琴 是一种特殊的折叠面板，只允许单个内容区域展开。 代码演示 折叠面板 可以同时展开多个面板，这...

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

Tabs标签页 何时使用 代码演示 API Tabs Tabs.TabPane Tabs标签页 选项卡切换组件。 何时使用 提供平级的区域将大块内容进行收纳和展现，保持界面整洁。 Ant Design 依次提供了三级选项卡，分别用于不同的场景。 卡片式的页签，提供可关闭的样式，常用于容器顶部。 既可用于容器顶部，也可用于容器...

Button按钮 何时使用 代码演示 API FAQ 如何移除两个汉字之间的空格？ 设计指引 Button按钮 按钮用于开始一个即时操作。 何时使用 标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。 在 Ant Design 中我们提供了四种按钮。 主按钮：用于主行动点，一个操作区域只能有一个主按钮。 ...

Ant Design Mobile of React 特性 安装 使用 版本 体积 浏览器支持 链接 谁在使用 欢迎参与 Ant Design Mobile of React antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。 + Ant Design 在中后台领域的...

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