Image

The image element associated with the class dnb-img does not have much opinionated styling. It exists more to have a future possibility to optimize and add features.

As of now, the React image "element" (Img) does provide a figure element with the role="img" and an img tag inside. This is mainly to support the Skeleton provider.

import { Img } from '@dnb/eufemia/elements'
render(<Img alt="..." src="..." width="100" height="100" />)

Basic image element

Image with invalid source

Image with caption

Image element with skeleton