ant-design/components/card/demo/flexible-content.md
2019-05-07 14:57:32 +08:00

553 B

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';

const { Meta } = Card;

ReactDOM.render(
  <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>,
  mountNode,
);