@ -53,7 +53,7 @@ yarn add antd
## 🔨 示例
````jsx
```jsx
import { Button, DatePicker } from 'antd';
const App = () => (
@ -62,12 +62,13 @@ const App = () => (
<DatePicker />
</>
);
```
引入样式:
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
<Card title="Card title">Card content</Card>
@ -14,7 +14,7 @@ cols: 1
<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` |
<Input.Group>
<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` |
@ -15,7 +15,7 @@ More layouts with navigation: [Layout](/components/layout).
<menu>
<Menu.Item>Menu</Menu.Item>
<SubMenu title="SubMenu">
@ -16,7 +16,7 @@ subtitle: 导航菜单
<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
<Pagination onChange="{onChange}" total="{50}" />
<Pagination onChange={onChange} total={50} />
| Property | Description | Type | Default | Version |
@ -15,8 +15,8 @@ cols: 1
| 参数 | 说明 | 类型 | 默认值 | 版本 |
@ -13,10 +13,10 @@ Select component to select value from options.
<select>
<option value="lucy">lucy</option>
</select>
<Select>
<Option value="lucy">lucy</Option>
</Select>
### Select props