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

3.4 KiB

order title
0 Ant Design of React

antd is a set of React components which follow the Ant Design specification. It is designed to help developing RIA such as dashboards or other enterprise-like complex UI needs.

+

Features

  • Using 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

Example

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

Import style:

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

You can use:

  • import DatePicker from 'antd/lib/date-picker';
  • import { DatePicker } from 'antd'; when babel-plugin-antd is also used.

babel-plugin-antd supports importing components and styles on demand.

Version

  • Stable: npm package
  • Beta:

Compatibility

Modern browsers and IE8+.

IE8 issues

Who is using antd

  • Ant Financial
  • Alibaba
  • Koubei
  • China Internet Plus
  • 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 or ask questions.

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.