An enterprise-class UI design language and React-based implementation.
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
- 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.
npm install antd
import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);
And import style manually:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
-
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
Normal browsers and Internet Explorer 8+.
tsconfig.json
{
"compilerOptions": {
"moduleResolution": "node",
"jsx": "preserve"
}
}
- Home page
- React UI page
- ChangeLog
- Scaffold tool
- Development tool
- React components
- Mobile UI
- React style guide
- React component design guide
- Developer Instruction
- Versioning Release Note
- Boilerplates
- FAQ
- CodePen boilerplate for bug reports
- Awesome Ant Design
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! :)