mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +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
import DatePicker from 'antd/lib/date-picker'; // just for js
We recommend use babel-plugin-antd with config:
['antd', {
style: 'css'
}]
import { DatePicker } from 'antd'; // automatically parse and require js and css modularly
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 page
- 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! :)