title: Pagination and Card Components with Ant Design (antd)?
body: <p>Is it possible to combine the Pagination component from <a href="https://ant.design/" rel="noreferrer">antd</a> with Card components to get a page similar to Pinterest with pagination? </p>
  
  <p>Basic Pagination code from <a href="https://ant.design/components/pagination/" rel="noreferrer">https://ant.design/components/pagination/</a>: </p>
  
  <pre><code>import { Pagination } from 'antd';
  
  ReactDOM.render(&lt;Pagination defaultCurrent={1} total={50} /&gt;, mountNode);
  </code></pre>
  
  <p>Basic Card code from <a href="https://ant.design/components/card/" rel="noreferrer">https://ant.design/components/card/</a>: </p>
  
  <pre><code>import { Card } from 'antd';
  
  ReactDOM.render(
    &lt;Card
      title="Card title"
      extra={&lt;a href="#"&gt;More&lt;/a&gt;}
      style={{ width: 300 }}
    &gt;
      &lt;p&gt;Card content&lt;/p&gt;
      &lt;p&gt;Card content&lt;/p&gt;
      &lt;p&gt;Card content&lt;/p&gt;
    &lt;/Card&gt;,
    mountNode
  );
  </code></pre>
  
  <p>How can these be combined to cycle through many cards similar to the example in the image? For example, some number of page with 9 cards. </p>
  
  <p><a href="https://i.stack.imgur.com/Vwn8b.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Vwn8b.png" alt="pagination example"></a></p>