|
|
@ -24,10 +24,12 @@ English | [简体中文](./README-zh_CN.md) |
|
|
|
|
|
|
|
## ✨ Features |
|
|
|
|
|
|
|
- An enterprise-class UI design system for web 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. |
|
|
|
- 🌈 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. |
|
|
|
- ⚙️ The whole package of development and design resources and tools. |
|
|
|
- 🌍 Internationalization support for dozens of languages. |
|
|
|
- 🎨 Powerful theme customization in every detail. |
|
|
|
|
|
|
|
## 🖥 Environment Support |
|
|
|
|
|
|
@ -36,7 +38,7 @@ English | [简体中文](./README-zh_CN.md) |
|
|
|
- [Electron](http://electron.atom.io/) |
|
|
|
|
|
|
|
| [<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/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<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 | |
|
|
|
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |
|
|
|
| --- | --- | --- | --- | --- | --- | |
|
|
|
| IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | |
|
|
|
|
|
|
|
## 📦 Install |
|
|
@ -52,17 +54,23 @@ yarn add antd |
|
|
|
## 🔨 Usage |
|
|
|
|
|
|
|
```jsx |
|
|
|
import { DatePicker } from "antd"; |
|
|
|
ReactDOM.render(<DatePicker />, mountNode); |
|
|
|
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' |
|
|
|
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' |
|
|
|
``` |
|
|
|
|
|
|
|
Or [import components on demand](https://ant.design/docs/react/getting-started#Import-on-Demand). |
|
|
|
Or use [babel-plugin-import](https://ant.design/docs/react/getting-started#Import-on-Demand). |
|
|
|
|
|
|
|
### TypeScript |
|
|
|
|
|
|
|