mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 03:29:59 +08:00
An enterprise-class UI design language and React UI library
| .github | ||
| components | ||
| docs | ||
| scripts | ||
| site | ||
| tests | ||
| type-definitions | ||
| .babelrc | ||
| .editorconfig | ||
| .eslintrc.js | ||
| .gitignore | ||
| .lesshintrc | ||
| .travis.yml | ||
| 404.html | ||
| AUTHORS.txt | ||
| CHANGELOG.md | ||
| CNAME | ||
| index.html | ||
| index.js | ||
| LICENSE | ||
| package.json | ||
| README-zh_CN.md | ||
| README.md | ||
| webpack.config.js | ||
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 example
Use prebuilt bundle
import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);
Import style:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
Use modularized antd
use babel-plugin-antd.
babel plugin config:
['antd', {
style: 'css'
}]
import { DatePicker } from 'antd';
No need to import style manually.
Browser Support
Normal browsers and Internet Explorer 8+.
TypeScript
///<reference path='./node_modules/antd/type-definitions/antd.d.ts'/>
...
Links
- Home page
- React UI library
- ChangeLog
- Scaffold tool
- Development tool
- React components
- React style guide
- React component design guide
- Developer Instruction
- Versioning Release Note
- FAQ
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! :)