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

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

Icon图标 图标列表 单独引入此组件 代码演示 API [nz-icon]directive NzIconServiceservice InjectionToken SVG 图标 静态加载与动态加载 双色图标主色 自定义 font 图标 命名空间 常见问题 图标都不见了！ 出现了两个图标，这是怎么回事？ 我想静态引入全部的图标，...

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

字体 字体家族 主字体 字阶与行高 字重 字体颜色 建议 字体 字体是体系化界面设计中最基本的构成之一。 我们的用户通过文本来理解内容和完成工作，科学的字体系统将大大提升用户的阅读体验及工作效率。Ant Design 字体方案，是基于「动态秩序」的设计原则，结合了自然对数以及音律的规则得出的，再经过了大量的蚂蚁中后台产品验证之后，推荐给...

type: 入门 构建 环境变量 分析构建文件体积 发布 代码分割和动态加载 前端路由与服务端的结合 在 Ant Design Pro 中使用前端路由 order: 8title: 构建和发布 type: 入门 构建 当项目开发完毕，只需要运行一行命令就可以打包你的应用： $ npm run build 由于 Ant ...

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

Avatar 头像 设计师专属 代码演示 API Avatar 头像 用来代表用户或事物，支持图片、图标或字符展示。 设计师专属 安装 Kitchen Sketch 插件 💎 ，一键填充高逼格头像和文本。 代码演示 基本 头像有三种尺寸，两种形状可选。 <template> <a-avatar : siz...

FooterToolbar底部工具栏 何时使用 代码演示 API FooterToolbar底部工具栏 固定在底部的工具栏。 何时使用 固定在内容区域的底部，不随滚动条移动，常用于长页面的数据搜集和提交工作。 引用方式： import FooterToolbar from 'ant-design-pro/lib/Foote...

HeaderSearch顶部搜索框 代码演示 API 全局搜索 HeaderSearch顶部搜索框 通常作为全局搜索的入口，放置在导航工具条右侧。 引用方式： import HeaderSearch from 'ant-design-pro/lib/HeaderSearch' ; 详细使用方式请参照：独立使用 pr...