mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 04:30:06 +08:00
37 lines
710 B
TypeScript
37 lines
710 B
TypeScript
import React from 'react';
|
|
import { Descriptions } from 'antd';
|
|
import type { DescriptionsProps } from 'antd';
|
|
|
|
const items: DescriptionsProps['items'] = [
|
|
{
|
|
key: '1',
|
|
label: 'UserName',
|
|
children: 'Zhou Maomao',
|
|
},
|
|
{
|
|
key: '2',
|
|
label: 'Telephone',
|
|
children: '1810000000',
|
|
},
|
|
{
|
|
key: '3',
|
|
label: 'Live',
|
|
children: 'Hangzhou, Zhejiang',
|
|
},
|
|
{
|
|
key: '4',
|
|
label: 'Address',
|
|
span: 2,
|
|
children: 'No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China',
|
|
},
|
|
{
|
|
key: '5',
|
|
label: 'Remark',
|
|
children: 'empty',
|
|
},
|
|
];
|
|
|
|
const App: React.FC = () => <Descriptions title="User Info" layout="vertical" items={items} />;
|
|
|
|
export default App;
|