Popover气泡卡片 何时使用 代码演示 API 注意 Popover气泡卡片 点击/鼠标移入元素，弹出气泡式的卡片浮层。 何时使用 当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。 和 Tooltip 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。 ...

Alert警告提示 何时使用 代码演示 API Alert警告提示 警告提示，展现需要关注的信息。 何时使用 当某个页面需要向用户显示警告的信息时。 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。 代码演示 基本 最简单的用法，适用于简短的警告提示。 import { Alert }...

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

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

umi-plugin-react 安装 使用 配置项 dva antd routes polyfills (已废弃) locale library dynamicImport dll hardSource pwa hd fastClick title 自定义模板document.ejs chunks scripts hea...

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

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

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

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

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