CardMedia

In this article

CardMedia provides a container for full-bleed content within a Card, such as images, video, or even just a background color.

Usage

import { Card, CardBody, CardMedia } from '@wordpress/components'; const Example = () => ( <Card> <CardMedia> <img src="..." /> </CardMedia> <CardBody>...</CardBody> </Card> ); 

Placement

CardMedia can be placed in any order as a direct child of a Card (it can also exist as the only child component). The styles will automatically round the corners of the inner media element.