Ant Design of React
🌈 提炼自企业级中后台产品的交互语言和视觉风格。
📦 开箱即用的高质量 React 组件。
🛡 使用 TypeScript 开发,提供完整的类型定义文件。
⚙️ 全链路开发和设计工具体系。
🌍 数十个国际化语言支持。
🎨 深入每个细节的主题定制能力。
支持环境
现代浏览器和 IE9 及以上(需要 )。
版本
- 稳定版:
你可以订阅:https://github.com/ant-design/ant-design/releases.atom 来获得稳定版发布的通知。
我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
$ yarn add antd
如果你的网络环境不佳,推荐使用 。
在浏览器中使用 script
和 link
标签直接引入文件,并使用全局变量 。
我们在 npm 发布包内的 antd/dist
目录下提供了 antd.js
antd.css
以及 antd.min.css
。你也可以通过 , 或 UNPKG 进行下载。
示例
引入样式:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
下面两种方式都可以只加载用到的组件。
- 使用 (推荐)。
然后只需从 antd 引入模块即可,无需单独引入样式。等同于下面手动引入的方式。
// babel-plugin-import 会帮助你加载 JS 和 CSS
- 手动引入
链接
CodeSandbox 模板 for bug reports
如何贡献
在任何形式的参与前,请先阅读 。如果你希望参与贡献,欢迎 Pull Request,或给我们 。
社区互助
如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。
通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 antd
标签。