CoveredImage

import { CoveredImage } from 'fds/components';

An image that can be placed in an arbitrary container, which will always try to cover as much of the dimensions of this container. CoveredImage never stretches beyond the original image size.

Generally CoveredImage is used in (small) previews, where its not needed to display the full dimensions of the image but it's visually appealing to fully cover the list item or element in which the preview is being presented. When it is needed to see the full dimensions of the image, consider using ContainedImage instead.