mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00

An enterprise-class UI design language and React UI library

ant-design antd design-systems react typescript ui-kit ui-library

Go to file

afc163 0f6d1db614 fix lint		2017-02-26 15:20:12 +08:00
.github	Update ISSUE_TEMPLATE.md	2017-02-23 01:04:22 +08:00
components	use old button animation	2017-02-26 02:18:20 +08:00
docs	fix lint	2017-02-23 11:45:48 +08:00
scripts	continue to fix #4935	2017-02-24 17:36:16 +08:00
site	fix lint	2017-02-26 15:20:12 +08:00
tests	fix: change way to add package.version (#4842 )	2017-02-13 14:27:12 +08:00
typings	refactor version import	2017-02-13 14:57:04 +08:00
.babelrc	test: demo snapshot testing (#3916 )	2016-11-22 13:43:53 +08:00
.editorconfig	Add editorconfig	2015-07-15 20:33:48 +08:00
.eslintignore	update .eslintignore	2017-02-15 21:01:16 +08:00
.eslintrc.js	fix lint	2017-02-23 11:45:48 +08:00
.gitignore	Keep js[x] files ignoring	2017-01-09 11:34:06 +08:00
.jest.node.json	cleanup npm scripts (#4499 )	2017-01-08 17:04:09 +08:00
.stylelintrc	fix lint	2017-02-17 13:58:24 +08:00
.travis.yml	cleanup npm scripts (#4499 )	2017-01-08 17:04:09 +08:00
AUTHORS.txt	update AUTHORS.txt	2016-11-23 11:18:59 +08:00
CHANGELOG.en-US.md	docs: add change log for 2.7.2 (#4922 )	2017-02-17 18:02:06 +08:00
CHANGELOG.zh-CN.md	docs: update migration guides	2017-02-22 11:31:13 +08:00
index-with-locales.js	fix: build dist with locales (#4910 )	2017-02-17 09:36:42 +08:00
index.js	adjust entry file (#4594 )	2017-01-13 17:48:30 +08:00
LICENSE	Fix outdated Copyright	2016-03-15 11:45:50 +08:00
package.json	closest => dom-closest, fix ssr	2017-02-25 02:09:18 +08:00
README-zh_CN.md	Update link	2017-02-15 14:41:16 +08:00
README.md	docs: update README.md	2017-02-20 14:19:51 +08:00
tsconfig.json	recalculate width while resize (#4676 )	2017-01-26 11:23:54 +08:00
webpack.config.js	fix: build dist with locales (#4910 )	2017-02-17 09:36:42 +08:00

README.md

Ant Design

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

中文 README

Features

An enterprise-class UI design language for web applications.
A set of high-quality React components out of the box.
Written in TypeScript with complete define types.
A npm + webpack + dva front-end development workflow.

Let's build a better antd together

antd is an open source project, improvements are welcomed. If you are interested in contributing to antd, you can watch this repository, join in discussion, or try to implement some features which have been accepted. Actually, there are many ways to contribute.

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

// .babelrc or babel-loader option
{
  "plugins": [["import", { libraryName: "antd", style: "css" }]]
}

Then you can import components from antd directly.

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

Manual import

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

Environment Support

Browser: Modern browsers and Internet Explorer 9+.

IE8 issues

Server-side Rendering
Electron

TypeScript

tsconfig.json

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

Note: set allowSyntheticDefaultImports to prevent error TS1192: Module 'react' has no default export.

Contributing

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