mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +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';
|
||||
|
||||
const App = () => (
|
||||
@ -62,12 +62,13 @@ const App = () => (
|
||||
<DatePicker />
|
||||
</>
|
||||
);
|
||||
```
|
||||
|
||||
引入样式:
|
||||
|
||||
```jsx
|
||||
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
|
||||
````
|
||||
```
|
||||
|
||||
你也可以使用 [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
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<Card title="Card title">Card content</Card>
|
||||
```
|
||||
|
||||
|
@ -14,7 +14,7 @@ cols: 1
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<Card title="卡片标题">卡片内容</Card>
|
||||
```
|
||||
|
||||
|
@ -66,7 +66,7 @@ Supports all props of `Input`.
|
||||
| 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` |
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<Input.Group>
|
||||
<input />
|
||||
<input />
|
||||
|
@ -67,7 +67,7 @@ Input 的其他属性和 React 自带的 [input](https://facebook.github.io/reac
|
||||
| compact | 是否用紧凑模式 | boolean | false |
|
||||
| size | `Input.Group` 中所有的 `Input` 的大小,可选 `large` `default` `small` | string | `default` |
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<Input.Group>
|
||||
<input />
|
||||
<input />
|
||||
|
@ -15,7 +15,7 @@ More layouts with navigation: [Layout](/components/layout).
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<menu>
|
||||
<Menu.Item>Menu</Menu.Item>
|
||||
<SubMenu title="SubMenu">
|
||||
|
@ -16,7 +16,7 @@ subtitle: 导航菜单
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
```jsx
|
||||
<menu>
|
||||
<Menu.Item>菜单项</Menu.Item>
|
||||
<SubMenu title="子菜单">
|
||||
|
@ -14,8 +14,8 @@ A long list can be divided into several pages using `Pagination`, and only one p
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
<Pagination onChange="{onChange}" total="{50}" />
|
||||
```jsx
|
||||
<Pagination onChange={onChange} total={50} />
|
||||
```
|
||||
|
||||
| Property | Description | Type | Default | Version |
|
||||
|
@ -15,8 +15,8 @@ cols: 1
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
<Pagination onChange="{onChange}" total="{50}" />
|
||||
```jsx
|
||||
<Pagination onChange={onChange} total={50} />
|
||||
```
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|
@ -13,10 +13,10 @@ Select component to select value from options.
|
||||
|
||||
## API
|
||||
|
||||
```html
|
||||
<select>
|
||||
<option value="lucy">lucy</option>
|
||||
</select>
|
||||
```jsx
|
||||
<Select>
|
||||
<Option value="lucy">lucy</Option>
|
||||
</Select>
|
||||
```
|
||||
|
||||
### Select props
|
||||
|
Loading…
Reference in New Issue
Block a user