test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-05 05:28:20 +08:00
Code Issues Actions 115 Packages Projects Releases Wiki Activity
bceb15c4e6
ant-design/components/list/demo/resposive.md
niko bceb15c4e6 List:add infinite & detail optimize (#7445) 
* List:add infinite & detail optimize

* React.children.map -> context

* update snapshots & demo order

* remove Item.Action _id

* update List demo

* List:add infinite & detail optimize

* React.children.map -> context

* 更新 snap

* update snapshots
2017-09-06 15:53:25 +08:00

813 B
Raw Blame History

order title
5
zh-CN en-US
响应式的栅格列表 Grid

zh-CN

响应式的栅格列表。

en-US

Responsive Grid List.

import { List, Card } from 'antd';

ReactDOM.render(
  <List
    grid={{ gutter: 16, xs: 2, sm: 2, md: 4, lg: 4, xl: 6 }}
  >
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
    <List.Item>
      <Card title="Card title">Card content</Card>
    </List.Item>
  </List>
, mountNode);