Type: React component

How to get ContainedImage?


import { ContainedImage } from 'fds/components';

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.


  1. src


    Type: String

    The url of the image.