ant-design/docs/react/introduce.en-US.md

order	title
0	Ant Design of React

We supply a react implementation antd following Ant Design specification, which designed to help developing RIA such as dashboards or other enterprise-like complex UI needs.

+

---

Features

• Following Ant Design, a design language for creating user friendly and beautiful websites.
• It is a set of high quality UI components and based on React Component.
• Provides a work flow which is based on npm, webpack, and babel, supporting ES2015 and TypeScript.

Installation

$ npm install antd

Usage

Use prebuilt bundle

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

And import style manually:

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

Use modularized antd

• Use babel-plugin-import (Recommended)

  // .babelrc
  {
    "plugins": [["import", { libraryName: "antd", style: "css" }]]
  }
  

  Then you can import components from antd directly.

  // import js and css modularly, parsed by babel-plugin-import
  import { DatePicker } from 'antd';
  

• Manually import

  import DatePicker from 'antd/lib/date-picker';  // just for js
  import 'antd/lib/date-picker/style/css';  // with style
  

Version

• Stable:
• Beta:

Compatibility

Modern browsers and IE9+.

IE8 issues

Useful Links

• Home page
• UI library
• Change Log
• Scaffold tool
• Development tool
• React components
• Mobile UI
• Motion
• Developer Instruction
• Versioning Release Note
• Boilerplates
• FAQ
• CodePen boilerplate for bug reports
• Awesome Ant Design
• Customize Theme

Who are using antd

• Ant Financial
• Alibaba
• Koubei
• Meituan
• Didi

If your company or product uses Ant Design, you are welcome to comment in this issue. Thank you!

Contributing

Please read our CONTRIBUTING.md first.

If you have any idea to improve antd, just create a Pull Request. Also, you can also issue bugs.

Recommend to read How To Ask Questions The Smart Way and How to Ask a Question in Open Source Community and How to Report Bugs Effectively, a smart question will get right answer quickly.

Need Help?

You can ask questions while you meet problem through the following ways. And we encourage experienced users to help those who are not familiar with antd.

We recommend to tag your questions with antd on Stack Overflow.

1. Stack Overflow(Recommended)
2.