--- order: 3 title: zh-CN: 竖排列表样式 en-US: Layout Vertical --- ## zh-CN 基础列表。 ## en-US Basic List. ````jsx import { List, Avatar, Icon } from 'antd'; const listData = []; for (let i = 0; i < 10; i++) { listData.push({ href: 'http://ant.design', title: `ant design part ${i}`, avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png', description: 'Ant Design, a design language for background applications, is refined by Ant UED Team.', content: 'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.', }); } const pagination = { pageSize: 10, current: 1, total: listData.length, onChange: (() => {}), }; const IconText = ({ type, text }) => ( {text} ); ReactDOM.render( ( , , ]} extra={logo} > } title={{item.title}} description={item.description} /> {item.content} )} /> , mountNode); ````