ant-design/components/card/demo/flexible-content.md

order	title
3	[{zh-CN 更灵活的内容展示} {en-US Customized content}]

zh-CN

可以利用 Card.Meta 支持更灵活的内容。

en-US

You can use Card.Meta to support more flexible content.

import { Card } from 'antd';
import React from 'react';

const { Meta } = Card;

const App: React.FC = () => (
  <Card
    hoverable
    style={{ width: 240 }}
    cover={<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />}
  >
    <Meta title="Europe Street beat" description="www.instagram.com" />
  </Card>
);

export default App;