Ant Design of React

    Ant Design of React - 图1

    • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。

    • 📦 开箱即用的高质量 React 组件。

    • 🛡 使用 TypeScript 开发，提供完整的类型定义文件。

    • ⚙️ 全链路开发和设计工具体系。

    • 🌍 数十个国际化语言支持。

    • 🎨 深入每个细节的主题定制能力。

    支持环境

    • 现代浏览器和 IE9 及以上（需要 ）。

    • Electron

    版本

    • 稳定版：

    你可以订阅：https://github.com/ant-design/ant-design/releases.atom 来获得稳定版发布的通知。

    我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

    1. $ yarn add antd

    如果你的网络环境不佳，推荐使用 。

    在浏览器中使用 script 和 link 标签直接引入文件，并使用全局变量 。

    我们在 npm 发布包内的 antd/dist 目录下提供了 antd.js antd.css 以及 antd.min.css。你也可以通过 CDNJS， 或 UNPKG 进行下载。

    示例

    引入样式：

    1. import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

    下面两种方式都可以只加载用到的组件。

    • 使用 （推荐）。

    然后只需从 antd 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

    1. // babel-plugin-import 会帮助你加载 JS 和 CSS
    • 手动引入

    链接

    如何贡献

    在任何形式的参与前，请先阅读 。如果你希望参与贡献，欢迎 Pull Request，或给我们 。

    社区互助

    如果您在使用的过程中碰到问题，可以通过下面几个途径寻求帮助，同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

    通过 Stack Overflow 或者 Segment Fault 提问时，建议加上 antd 标签。

    • Stack Overflow（English）

    • （中文）