ant-design/components/card/demo/flexible-content.md
2018-06-27 16:09:58 +08:00

570 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);