Skip to main content

Image

Image in Storybook

Examples​

Check out the Usage section for details about how to design an image component properly, and the different configuration options we provide.

Basic example​

The image component makes the HTML <img> tag available in Jutro, including i18n and metadata, and wraps it in a <figure>.

<Image
  src="path/to/image"
/>

Caption example​

The figcaption property can be used to add a caption to the <figure>.

<Image
  src="path/to/image"
  figcaption="This is a sample caption"
/>