ContainedImage

How to get ContainedImage

import { ContainedImage } from 'fds/components';

Type: Component

An image that can be placed in an arbitrary container, which will always stay contained within the dimensions of this container. ContainedImage never stretches beyond the original image size.

Generally ContainedImage is used when it's required to see the full dimensions of the image. When showing an image in a (small) preview, it's generally more visually appealing to cover the whole list item or element in which the image is rendered. In this case, consider using CoveredImage instead.

Props

# Name Type Description
1. src String

The url of the image.

Was this page helpful?