mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
docs upgrade (#20460)
This commit is contained in:
parent
7c24239f3d
commit
29b4b7004e
@ -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#按需加载)。
|
||||||
|
|
||||||
|
@ -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>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -14,7 +14,7 @@ cols: 1
|
|||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
```html
|
```jsx
|
||||||
<Card title="卡片标题">卡片内容</Card>
|
<Card title="卡片标题">卡片内容</Card>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
@ -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 />
|
||||||
|
@ -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 />
|
||||||
|
@ -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">
|
||||||
|
@ -16,7 +16,7 @@ subtitle: 导航菜单
|
|||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
```html
|
```jsx
|
||||||
<menu>
|
<menu>
|
||||||
<Menu.Item>菜单项</Menu.Item>
|
<Menu.Item>菜单项</Menu.Item>
|
||||||
<SubMenu title="子菜单">
|
<SubMenu title="子菜单">
|
||||||
|
@ -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 |
|
||||||
|
@ -15,8 +15,8 @@ cols: 1
|
|||||||
|
|
||||||
## API
|
## API
|
||||||
|
|
||||||
```html
|
```jsx
|
||||||
<Pagination onChange="{onChange}" total="{50}" />
|
<Pagination onChange={onChange} total={50} />
|
||||||
```
|
```
|
||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user