Popconfirm气泡确认框 何时使用 代码演示 API 注意 Popconfirm气泡确认框 点击元素，弹出气泡式的确认框。 何时使用 目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。 和 confirm 弹出的全屏居中模态对话框相比，交互形式更轻量。 代码演示 基本 最简单的用法。 ...

引入依赖 使用 除了 antd 组件以及脚手架内置的业务组件，有时我们还需要引入其他外部模块，这里以引入富文本组件 react-quill 为例进行介绍。 引入依赖 在终端输入下面的命令完成安装： $ npm install react - quill -- save 加上 --save 参数会自动添加依赖到 package....

引入外部模块 引入依赖 使用 引入外部模块 除了 antd 组件以及脚手架内置的业务组件，有时我们还需要引入其他外部模块，这里以引入富文本组件 react-quill 为例进行介绍。 引入依赖 在终端输入下面的命令完成安装： $ npm install react - quill -- save 加上 —save 参数...

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

List列表 何时使用 代码演示 API List pagination List grid props List.Item List.Item.Meta List列表 通用列表。 何时使用 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 代码演示 简单列表 列表拥有大、中、小三种尺寸。 ...

Dropdown下拉菜单 何时使用 代码演示 API Dropdown.Button Dropdown下拉菜单 向下弹出的列表。 何时使用 当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。 代码演示 基本 最简单的下拉菜单。 import ...

Select选择器 何时使用 代码演示 API Select props Select Methods Option props OptGroup props FAQ 点击 dropdownRender 里的内容浮层关闭怎么办？ Select选择器 下拉选择器。 何时使用 弹出一个下拉菜单给用户选择操作，用于代替原生的选择器...

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

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

List列表 何时使用 代码演示 API List pagination List grid props List.Item List.Item.Meta List列表 通用列表。 何时使用 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。 代码演示 简单列表 列表拥有大、中、小三种尺寸。 ...