docs upgrade (#20460)

This commit is contained in:
Amumu 2019-12-26 14:37:39 +08:00 committed by 偏右
parent 7c24239f3d
commit 29b4b7004e
10 changed files with 17 additions and 16 deletions

View File

@ -53,7 +53,7 @@ yarn add antd
## 🔨 示例 ## 🔨 示例
````jsx ```jsx
import { Button, DatePicker } from 'antd'; import { Button, DatePicker } from 'antd';
const App = () => ( const App = () => (
@ -62,12 +62,13 @@ const App = () => (
<DatePicker /> <DatePicker />
</> </>
); );
```
引入样式: 引入样式:
```jsx ```jsx
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
```` ```
你也可以使用 [babel-plugin-import](https://ant.design/docs/react/getting-started-cn#按需加载)。 你也可以使用 [babel-plugin-import](https://ant.design/docs/react/getting-started-cn#按需加载)。

View File

@ -13,7 +13,7 @@ A card can be used to display content related to a single subject. The content c
## API ## API
```html ```jsx
<Card title="Card title">Card content</Card> <Card title="Card title">Card content</Card>
``` ```

View File

@ -14,7 +14,7 @@ cols: 1
## API ## API
```html ```jsx
<Card title="卡片标题">卡片内容</Card> <Card title="卡片标题">卡片内容</Card>
``` ```

View File

@ -66,7 +66,7 @@ Supports all props of `Input`.
| compact | Whether use compact style | boolean | false | | compact | Whether use compact style | boolean | false |
| size | The size of `Input.Group` specifies the size of the included `Input` fields. Available: `large` `default` `small` | string | `default` | | size | The size of `Input.Group` specifies the size of the included `Input` fields. Available: `large` `default` `small` | string | `default` |
```html ```jsx
<Input.Group> <Input.Group>
<input /> <input />
<input /> <input />

View File

@ -67,7 +67,7 @@ Input 的其他属性和 React 自带的 [input](https://facebook.github.io/reac
| compact | 是否用紧凑模式 | boolean | false | | compact | 是否用紧凑模式 | boolean | false |
| size | `Input.Group` 中所有的 `Input` 的大小,可选 `large` `default` `small` | string | `default` | | size | `Input.Group` 中所有的 `Input` 的大小,可选 `large` `default` `small` | string | `default` |
```html ```jsx
<Input.Group> <Input.Group>
<input /> <input />
<input /> <input />

View File

@ -15,7 +15,7 @@ More layouts with navigation: [Layout](/components/layout).
## API ## API
```html ```jsx
<menu> <menu>
<Menu.Item>Menu</Menu.Item> <Menu.Item>Menu</Menu.Item>
<SubMenu title="SubMenu"> <SubMenu title="SubMenu">

View File

@ -16,7 +16,7 @@ subtitle: 导航菜单
## API ## API
```html ```jsx
<menu> <menu>
<Menu.Item>菜单项</Menu.Item> <Menu.Item>菜单项</Menu.Item>
<SubMenu title="子菜单"> <SubMenu title="子菜单">

View File

@ -14,8 +14,8 @@ A long list can be divided into several pages using `Pagination`, and only one p
## API ## API
```html ```jsx
<Pagination onChange="{onChange}" total="{50}" /> <Pagination onChange={onChange} total={50} />
``` ```
| Property | Description | Type | Default | Version | | Property | Description | Type | Default | Version |

View File

@ -15,8 +15,8 @@ cols: 1
## API ## API
```html ```jsx
<Pagination onChange="{onChange}" total="{50}" /> <Pagination onChange={onChange} total={50} />
``` ```
| 参数 | 说明 | 类型 | 默认值 | 版本 | | 参数 | 说明 | 类型 | 默认值 | 版本 |

View File

@ -13,10 +13,10 @@ Select component to select value from options.
## API ## API
```html ```jsx
<select> <Select>
<option value="lucy">lucy</option> <Option value="lucy">lucy</Option>
</select> </Select>
``` ```
### Select props ### Select props