mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-09 02:23:44 +08:00
An enterprise-class UI design language and React UI library
74d1c5e6b6
* push collapse styling into overridable defaults * Changes to ensure backwards compatibiliy, switch bg-color to be based on default style * change background-color to bg in style names * simplify and consolodate content-padding * I figured out why the styling is split across content and box like that The collapse/show animation doesn't work right without the padding set up across the two elements like this. From an end-user point of view, I think this is the easiest thing. * pushing all padding styling on to the box instead of the content, keeping var name the same because the end user doesn't need to know the difference * Pushing header-bg-color back up to the top of the component heirarchy * shorten content padding |
||
|---|---|---|
| .github | ||
| components | ||
| docs | ||
| scripts | ||
| site | ||
| tests | ||
| typings | ||
| .codecov.yml | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .jest.js | ||
| .jest.node.js | ||
| .stylelintrc | ||
| .travis.yml | ||
| AUTHORS.txt | ||
| CHANGELOG.en-US.md | ||
| CHANGELOG.zh-CN.md | ||
| CODE_OF_CONDUCT.md | ||
| index-with-locales.js | ||
| index.js | ||
| LICENSE | ||
| package.json | ||
| README-zh_CN.md | ||
| README.md | ||
| tsconfig.json | ||
| tsconfig.test.json | ||
| webpack.config.js | ||
Ant Design
(English)
（中文）
An enterprise-class UI design language and React-based implementation.
3.0 Released Now! 🎉🎉🎉
Features
- An enterprise-class UI design system for desktop applications.
- A set of high-quality React components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.
Environment Support
Let's build a better antd together 
Read our contributing guide.
Install
npm install antd --save
Usage
import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);
And import style manually:
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
Or import components on demand
TypeScript
Internationalization
See i18n.
Links
- Home page
- Components
- Ant Design Pro
- Change Log
- Scaffold Market
- rc-components
- Mobile UI
- Motion
- Developer Instruction
- Versioning Release Note
- FAQ
- CodeSandbox Template for bug reports
- Awesome Ant Design
- Customize Theme
Development
$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
Open your browser and visit http://127.0.0.1:8001 , see more at https://github.com/ant-design/ant-design/wiki/Development .
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! :)