ant-design/components/descriptions/demo/vertical.md
二货机器人 76fd80634b
fix: Adjust Descriptions column calcuation logic (#18568)
* fix: Span calculation logic

* update spanshot
2019-08-30 12:31:10 +08:00

32 lines
696 B
Markdown

---
order: 4
title:
zh-CN: 垂直
en-US: Vertical
---
## zh-CN
垂直的列表。
## en-US
Simplest Usage.
```jsx
import { Descriptions } from 'antd';
ReactDOM.render(
<Descriptions title="User Info" layout="vertical">
<Descriptions.Item label="UserName">Zhou Maomao</Descriptions.Item>
<Descriptions.Item label="Telephone">1810000000</Descriptions.Item>
<Descriptions.Item label="Live">Hangzhou, Zhejiang</Descriptions.Item>
<Descriptions.Item label="Address" span={2}>
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
</Descriptions.Item>
<Descriptions.Item label="Remark">empty</Descriptions.Item>
</Descriptions>,
mountNode,
);
```