An enterprise-class UI design language and React UI library
Go to file
2016-05-25 09:43:26 +08:00
.github Update ISSUE_TEMPLATE.md 2016-05-23 22:05:35 +08:00
components docs: update translation 2016-05-25 09:43:26 +08:00
docs update getting-started 2016-05-24 14:57:53 +08:00
scripts fix predeploy cmd 2016-05-23 21:47:06 +08:00
site Merge pull request #1824 from raptium/master 2016-05-24 13:55:08 +08:00
tests fix test case 2016-05-11 16:49:05 +08:00
type-definitions fix(type-definitions): fix broken type definitions 2016-05-16 16:03:49 +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 enable object-shorthand 2016-05-15 14:46:18 +08:00
.gitignore chore for style 2016-03-23 18:52:27 +08:00
.lesshintrc Fix lesshint problems 2016-04-29 17:03:28 +08:00
.travis.yml update .travis.yml 2016-03-28 17:47:18 +08:00
404.html fix 404 redirect 2016-05-11 14:39:21 +08:00
AUTHORS.txt chore: update AUTHORS.txt 2016-05-16 09:43:43 +08:00
CHANGELOG.md remove search-input from Form 2016-05-23 19:53:07 +08:00
CNAME Add CNAME 2015-06-04 11:58:07 +08:00
index.html site: fix 2016-05-17 11:35:24 +08:00
index.js Fix missing Tag component in built package and add test case, close #1638 2016-05-11 15:29:08 +08:00
LICENSE Fix outdated Copyright 2016-03-15 11:45:50 +08:00
package.json fix predeploy cmd 2016-05-23 21:47:06 +08:00
README-zh_CN.md Add 1.0.0 Changelog (#1614) 2016-05-10 14:22:05 +08:00
README.md Update README.md 2016-05-23 22:56:42 +08:00
webpack.config.js css modularize (#1448) 2016-04-27 20:44:36 +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.

Features

  • An enterprise-class design language and high quality UI style.
  • Rich library of UI components 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

///<reference path='./node_modules/antd/type-definitions/antd.d.ts'/>
...

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! :)