Ant Design前端框架 v4.0.3

<p align="center"> <a href="http://ant.design"> <img width="200" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"> </a> </p> <h1 align="center">Ant Design</h1> <div align="center"> An enterprise-class UI design language and React UI library. [](https://circleci.com/gh/ant-design/ant-design) [](https://github.com/ant-design/ant-design/actions?query=workflow%3Atest) [](https://codecov.io/gh/ant-design/ant-design/branch/master) [](https://www.npmjs.com/package/antd) [](http://npmjs.com/antd) [](https://david-dm.org/ant-design/ant-design) [](https://david-dm.org/ant-design/ant-design?type=dev) [](https://lgtm.com/projects/g/ant-design/ant-design/alerts/) [](https://app.fossa.io/projects/git%2Bgithub.com%2Fant-design%2Fant-design?ref=badge_shield) [](https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22) [](https://issuehunt.io/r/ant-design/ant-design) [](https://twitter.com/AntDesignUI) [](https://app.releasly.co/sites/ant-design/ant-design?utm_source=github_badge) [](https://gitter.im/ant-design/ant-design-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](https://gitter.im/ant-design/ant-design?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) </div> [](http://ant.design) English | [Português](./README-pt_BR.md) | [简体中文](./README-zh_CN.md) ## ✨ Features - 🌈 Enterprise-class UI designed for web applications. - 📦 A set of high-quality React components out of the box. - 🛡 Written in TypeScript with predictable static types. - ⚙️ Whole package of design resources and development tools. - 🌍 Internationalization support for dozens of languages. - 🎨 Powerful theme customization in every detail. ## 🖥 Environment Support - Modern browsers and Internet Explorer 11+ (with [polyfills](https://ant.design/docs/react/getting-started#Compatibility)) - Server-side Rendering - [Electron](https://www.electronjs.org/) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron | | --- | --- | --- | --- | --- | | IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## 📦 Install ```bash npm install antd ``` ```bash yarn add antd ``` ## 🔨 Usage ```jsx import { Button, DatePicker } from 'antd'; const App = () => ( <> <Button type="primary">PRESS ME</Button> <DatePicker /> </> ); ``` And import style manually: ```jsx import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' ``` Or use [babel-plugin-import](https://ant.design/docs/react/getting-started#Import-on-Demand). ### TypeScript See [Use in TypeScript](https://ant.design/docs/react/use-in-typescript). ## 🌍 Internationalization See [i18n](http://ant.design/docs/react/i18n). ## 🔗 Links - [Home page](http://ant.design/) - [Components](http://ant.design/docs/react/introduce) - [Ant Design Pro](http://pro.ant.design/) - [Change Log](CHANGELOG.en-US.md) - [rc-components](http://react-component.github.io/) - [Mobile UI](http://mobile.ant.design) - [Ant Design Icons](https://github.com/ant-design/ant-design-icons) - [Ant Design Colors](https://github.com/ant-design/ant-design-colors) - [Ant Design Pro Layout](https://github.com/ant-design/ant-design-pro-layout) - [An