You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
Benjy Cui fcf8b97044 Revert "Should not hide filter dropdown when select item" (#2516) 8 years ago
.github Update ISSUE_TEMPLATE.md 9 years ago
components Revert "Should not hide filter dropdown when select item" (#2516) 8 years ago
docs fix hash scroll 8 years ago
scripts Fix lesshint 8 years ago
site site: openKeys should be controlled 8 years ago
tests update test case 8 years ago
.babelrc revert d450db8 9 years ago
.editorconfig Add editorconfig 9 years ago
.eslintrc.js fix eslint 8 years ago
.gitignore add typings.json 9 years ago
.lesshintrc Fix lesshint problems 9 years ago
.travis.yml update .travis.yml 9 years ago
AUTHORS.txt chore: update AUTHORS.txt 9 years ago
CHANGELOG.md fix hash scroll 8 years ago
CNAME Add CNAME 10 years ago
LICENSE Fix outdated Copyright 9 years ago
README-zh_CN.md update docs 8 years ago
README.md update README.md 9 years ago
index.d.ts fix types 9 years ago
index.js fix #1968 9 years ago
package.json site: upgrade bisheng 8 years ago
typings.json add typings.json 9 years ago
webpack.config.js Fix 1970 (#1985) 9 years ago

README.md

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