@gechiui/components
Version:
UI components for GeChiUI.
23 lines (16 loc) • 548 B
Markdown
# CardMedia
`CardMedia` provides a container for media elements within a [`Card`](/packages/components/src/card/card/README.md).
## Usage
```jsx
import { Card, CardBody, CardMedia } from '@gechiui/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.