特性
rainbow 提炼自企业级中后台产品的交互语言和视觉风格。
package 开箱即用的高质量 React 组件。
shield 使用 TypeScript 开发,提供完整的类型定义文件。
gear 全链路开发和设计工具体系。
earth_africa 数十个国际化语言支持。
art 深入每个细节的主题定制能力。
desktop_computer 兼容环境
现代浏览器和 IE11(需要 polyfills)。
支持服务端渲染。
Electron
IE / Edge
IE / Edge Firefox
Firefox Chrome
Chrome Safari
Safari Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions
package 安装
npm install antd --save
yarn add antd
hammer 示例
import { Button, DatePicker } from ‘antd’;
const App = () => (
<>
PRESS ME
</>
);
引入样式:
import ‘antd/dist/antd.css’; // or ‘antd/dist/antd.less’
rainbow 定制主题
参考 定制主题 文档。
shield TypeScript
参考 在 TypeScript 中使用。
earth_africa 国际化
参考 国际化文档。
link 链接
首页
组件库
Ant Design Pro
Ant Design Charts
更新日志
React 底层基础组件
移动端组件
Ant Design 图标
Ant Design 色彩
Ant Design Pro 布局组件
Ant Design Pro 区块集
Dark Theme
首页模板集
动效
脚手架市场
设计规范速查手册
开发者说明
版本发布规则
常见问题
CodeSandbox 模板 for bug reports
Awesome Ant Design
定制主题
成为社区协作成员
keyboard 本地开发
你可以使用 Gitpod 进行在线开发:
Open in Gitpod
或者克隆到本地开发:
$ cd ant-design
$ npm install
$ npm start
打开浏览器访问 http://127.0.0.1:8001 ,更多本地开发文档。
handshake 参与共建 PRs Welcome
请参考贡献指南.
强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。
Let’s fund issues in this repository
busts_in_silhouette 社区互助
如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。
通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 antd 标签。