快速上手 第一个例子 1. 创建一个 codesandbox 2. 使用组件 3. 探索更多组件用法 4. 下一步 兼容性 IE8 note 自行构建 按需加载 配置主题和字体 快速上手 Ant Design React 致力于提供给程序员愉悦 的开发体验。 在开始之前，推荐先学习 React 和 ES2015 ，并正确安装和...

开始使用（蚂蚁金服用户） 使用 注意 开始使用（蚂蚁金服用户） 使用 在蚂蚁金服内部，推荐使用 Bigfish 作为前端整体解决方案。你可以直接访问 使用 Ant Design Pro 开始使用。 注意 在 Bigfish 中使用 Ant Design Pro，菜单、路由及权限配置等功能需要依照 Bigfish 提供的解决方案实现，...

ConfigProvider 全局化配置 使用 Content Security Policy 代码演示 API FAQ 为什么我使用了 ConfigProvider locale ，时间类组件的国际化还有问题？ 配置 getPopupContainer 导致 Modal 报错？ ConfigProvider 全局化配置 为组件...

DescriptionList描述列表 代码演示 API DescriptionList 响应式规则 DescriptionList.Description DescriptionList描述列表 成组展示多个只读字段，常见于详情页的信息展示。 引用方式： import DescriptionList from 'ant-d...

Popup 弹出层 代码演示 API static show(content: React.Element, options: Object): Popup 弹出层 从顶部或底部浮出的模态框 (会打断用户操作) 代码演示 向下弹出效果 Popup 向下弹出效果 import { Popup , List , Bu...

NumberInfo数据文本 代码演示 API 演示 NumberInfo数据文本 常用在数据卡片中，用于突出展示某个业务数据。 引用方式： import NumberInfo from 'ant-design-pro/lib/NumberInfo' ; 详细使用方式请参照：独立使用 pro 组件 代码演示...

Layout布局 设计规则 尺寸 交互 视觉 组件概述 代码演示 API Layout Layout.Sider breakpoint width Layout布局 协助进行页面级整体布局。 设计规则 尺寸 一级导航项偏左靠近 logo 放置，辅助菜单偏右放置。 顶部导航（大部分系统）：一级导航高度 64px ，二级...

定制主题 定制方式 初始化项目时定制主题 手动修改 定制主题 Ant Design 设计规范上支持一定程度的样式定制，以满足业务和品牌上多样化的视觉需求，包括但不限于主色、圆角、边框和部分组件的视觉定制。 定制方式 Ant Design 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应...

TagSelect标签选择器 代码演示 API TagSelect TagSelectOption TagSelect标签选择器 可进行多选，带折叠收起和展开更多功能，常用于对列表进行筛选。 引用方式： import TagSelect from 'ant-design-pro/lib/TagSelect' ; 详细...

Skeleton骨架屏 何时使用 代码演示 API Skeleton SkeletonAvatarProps SkeletonTitleProps SkeletonParagraphProps SkeletonButtonProps SkeletonInputProps Skeleton骨架屏 在需要等待加载内容的位置提供一个占位图...