mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
58089c7832
List: update english docs
837 B
837 B
order | title | ||||
---|---|---|---|---|---|
5 |
|
zh-CN
响应式的栅格列表。尺寸与 Layout Grid 保持一致。
en-US
Responsive grid list. The size property is as same as Layout Grid.
import { List, Card } from 'antd';
const data = [
{
title: 'Title 1',
},
{
title: 'Title 2',
},
{
title: 'Title 3',
},
{
title: 'Title 4',
},
{
title: 'Title 5',
},
{
title: 'Title 6',
},
];
ReactDOM.render(
<List
grid={{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6 }}
dataSource={data}
renderItem={item => (
<List.Item>
<Card title={item.title}>Card content</Card>
</List.Item>
)}
/>
, mountNode);