An enterprise-class UI design language and React UI library
Go to file
2017-02-17 00:06:07 +08:00
.github docs: update cdn, close: #2896 2016-08-31 16:03:35 +08:00
components bump 1.11.6, close: #4580 2017-01-12 17:59:44 +08:00
docs site: fix colors.md 2016-09-11 15:07:05 +08:00
scripts Fix eslint 2016-07-30 14:31:36 +08:00
site fontstatic.useco.com => fonts.gstatic.com, close #3064 2016-09-19 00:37:10 +08:00
tests update test case 2016-07-09 18:30:09 +08:00
.babelrc revert d450db8 2016-05-20 11:20:34 +08:00
.editorconfig Add editorconfig 2015-07-15 20:33:48 +08:00
.eslintrc.js fix eslint 2016-07-09 16:15:08 +08:00
.gitignore add typings.json 2016-05-27 13:06:25 +08:00
.lesshintrc fix lesshint 2016-09-08 14:13:47 +08:00
.travis.yml update .travis.yml 2016-03-28 17:48:19 +08:00
AUTHORS.txt chore: update AUTHORS.txt 2016-05-16 09:43:43 +08:00
CHANGELOG.md Update CHANGELOG.md 2017-02-17 00:06:07 +08:00
CNAME Add CNAME 2015-06-04 11:58:07 +08:00
index.d.ts fix Form.create types, close #2885 2016-08-30 19:33:34 +08:00
index.js bump 1.11.2 2016-09-26 15:52:48 +08:00
LICENSE Fix outdated Copyright 2016-03-15 11:45:50 +08:00
package.json bump 1.11.6, close: #4580 2017-01-12 17:59:44 +08:00
README-zh_CN.md docs: update cdn, close: #2896 2016-08-31 16:03:35 +08:00
README.md docs: update cdn, close: #2896 2016-08-31 16:03:35 +08:00
typings.json add typings.json 2016-05-27 13:06:25 +08:00
webpack.config.js Fix 1970 (#1985) 2016-06-06 16:36:55 +08:00

Ant Design npm package NPM downloads Dependency Status Join the chat at https://gitter.im/ant-design/ant-design

An enterprise-class UI design language and React-based implementation.

📢 Document Translation Recruitment

We are now working on translate components document to English, and we need some translator and reviewer. https://github.com/ant-design/ant-design/issues/1471

Features

  • An enterprise-class design language and high quality UI.
  • Graceful UI components out of the box, base on React Component.
  • A npm + webpack + babel + dora workflow.

Install

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-antd (Recommended)

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

    Then you can import components from antd directly.

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

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

Browser Support

Normal browsers and Internet Explorer 8+.

IE8 issues

TypeScript

tsconfig.json

{
  "compilerOptions": {
    "moduleResolution": "node",
    "jsx": "preserve"
  }
}

Contributing

We welcome all contributions, please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as a GitHub issue. If you'd like to improve code, check out the Development Instruction and have a good time! :)