2015-11-19 22:08:54 +08:00
# Ant Design [![](https://img.shields.io/travis/ant-design/ant-design.svg?style=flat-square)](https://travis-ci.org/ant-design/ant-design) [![npm package](https://img.shields.io/npm/v/antd.svg?style=flat-square)](https://www.npmjs.org/package/antd) [![NPM downloads](http://img.shields.io/npm/dm/antd.svg?style=flat-square)](https://npmjs.org/package/antd) [![Join the chat at https://gitter.im/ant-design/ant-design](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2015-07-30 17:46:27 +08:00
2015-10-19 16:05:50 +08:00
An enterprise-class UI design language and React-based implementation.
2015-06-14 18:28:08 +08:00
2015-10-19 16:05:50 +08:00
![](https://t.alipayobjects.com/images/rmsweb/T11aVgXc4eXXXXXXXX.svg)
2015-06-14 18:29:20 +08:00
2015-10-19 16:05:50 +08:00
## Features
2015-06-14 18:28:08 +08:00
2015-10-19 16:05:50 +08:00
- An enterprise-class graphical design language and framework for financial applications
- Rich library of UI components base on [React Component ](http://react-component.github.io/badgeboard/ ).
- A Component development model based on React.
- Backed by the npm ecosystem.
- webpack-based debug builds supporting ES6
2015-07-08 20:08:19 +08:00
2015-11-02 20:37:38 +08:00
## Install
```bash
npm install antd
```
2015-10-19 16:05:50 +08:00
## Usage example
2015-07-03 12:21:29 +08:00
2015-11-03 15:08:41 +08:00
- Use all components
2015-10-27 22:17:54 +08:00
2015-11-03 15:08:41 +08:00
```jsx
import { Datepicker } from 'antd';
ReactDOM.render(< Datepicker / > , mountNode);
```
2015-06-14 18:28:08 +08:00
2015-11-03 15:08:41 +08:00
- Use on demand
2015-10-27 22:17:54 +08:00
2015-11-03 15:08:41 +08:00
```jsx
import 'antd/lib/index.css'; // only need to import once in entry module
import Datepicker from 'antd/lib/datepicker';
ReactDOM.render(< Datepicker / > , mountNode);
```
2015-10-27 22:17:54 +08:00
2015-11-02 20:37:38 +08:00
## Browser Support
Normal browsers and Internet Explorer 8+.
2015-10-19 16:05:50 +08:00
## Links
2015-06-14 18:28:08 +08:00
2015-10-19 16:05:50 +08:00
- [Home page ](http://ant.design/ )
2015-11-29 00:37:11 +08:00
- [React UI library ](http://ant.design/docs/introduce )
2015-12-04 17:11:18 +08:00
- [Build/Debug tools ](https://github.com/ant-tool/xtool/ )
2015-10-19 16:05:50 +08:00
- [Roadmap ](https://github.com/ant-design/ant-design/issues/9 )
- [ChangeLog ](CHANGELOG.md )
2015-11-29 00:37:11 +08:00
- [React components ](http://react-component.github.io/ )
2015-12-04 17:11:18 +08:00
- [React style guide ](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-code-style.md )
- [React component design guide ](https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/component-design.md )
2015-10-19 16:05:50 +08:00
- [Developer Instruction ](https://github.com/ant-design/ant-design/wiki/%E7%BD%91%E7%AB%99%E5%92%8C%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91%E8%AF%B4%E6%98%8E )
- [Versioning Release Note ](https://github.com/ant-design/ant-design/wiki/%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B )
2015-06-14 18:28:08 +08:00
2015-06-15 18:16:21 +08:00
2015-10-19 16:05:50 +08:00
## Contributing
We welcome all contributions, please submit any ideas as [pull requests ](https://github.com/ant-design/ant-design/pulls ) or as a [GitHub issue ](https://github.com/ant-design/ant-design/issues ).