Ant Design
一套企业级 UI 设计语言和 React 组件库。
✨ 特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 React 组件。
- 使用 TypeScript 开发,提供完整的类型定义文件。
- ⚙️ 全链路开发和设计工具体系。
- 数十个国际化语言支持。
- 深入每个细节的主题定制能力。
支持环境
- 现代浏览器和 IE11 及以上。
- 支持服务端渲染。
- Electron
IE / Edge
Firefox
Chrome
Safari
ElectronIE11, Edgelast 2 versionslast 2 versionslast 2 versionslast 2 versions
安装
npm install antd --save
yarn add antd
示例
import { Button, DatePicker } from 'antd';const App = () => ( <> PRESS ME >);
引入样式:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
你也可以使用 babel-plugin-import。
TypeScript
参考 在 TypeScript 中使用。
国际化
参考 国际化文档。
链接
- 首页
- 组件库
- Ant Design Pro
- 更新日志
- React 底层基础组件
- 移动端组件
- Ant Design 图标
- Ant Design 色彩
- Ant Design Pro 布局组件
- Ant Design Pro 区块集
- Dark Theme
- 首页模板集
- 动效
- 脚手架市场
- 设计规范速查手册
- 开发者说明
- 版本发布规则
- 常见问题
- CodeSandbox 模板 for bug reports
- Awesome Ant Design
- 定制主题
⌨️ 本地开发
你可以使用 Gitpod 进行在线开发:
或者克隆到本地开发:
$ git clone git@github.com:ant-design/ant-design.git$ cd ant-design$ npm install$ npm start
打开浏览器访问 http://127.0.0.1:8001 ,更多本地开发文档。
参与共建
请参考贡献指南.
强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。
社区互助
如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。
通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 antd 标签。
Ant Design 4.1.5 发布了,此版本更新内容:
- 修复 Button.Group 中按钮没有对齐的问题。#23590
- 修复 Select 箭头图标点击无法触发下拉的问题。#23448
- 修复 Form 自定义 @form-item-margin-bottom 变量时表单校验抖动的问题。#23436 @yoyo837
- 修复第一个 Divider 渲染时样式不一致的问题。#23438
- 修复嵌套 ConfigProvider 会丢失 prefixCls 值的问题。#23423
- 修复 Carousel 键盘切换到非活跃 slide 上的 Radio/Checkbox 的问题。#23380
- 修复 Tree 使用虚拟滚动时会因为 loadData 更新过快而锁死的问题。#23581
- 修复 Steps 组件竖直展示时在 IE11 下样式错误的问题#23561 @AdrianoRuberto
- 修复 Input.Search 高度被 suffix 撑高的问题和报 react key 重复警告的问题。#23527
- 修复 Menu 鼠标移到缝隙处子菜单会消失的问题。#23511
- 修复 Tree 自定义图标在加载状态下消失的问题。#23494
- RTL修复 Alert 在 showIcon 和 closable 都存在时的 RTL 样式问题#23526修复 Button 在 RTL 下 loading 样式不正确的问题。#23399修复 Collapse 在 RTL 下切换图标位置不正确的问题。#23445修复 Select 分组名称的 RTL 样式问题。#23404修复 Statistic 的 RTL 样式不正确的问题。#23397
- TypeScript修复 Table 的 selections 类型定义。#23462 @xiaoxintang