Image

This component displays a single image.

hand on slot machine
table game This image has a caption and is center aligned.
couple at a table This image has a caption and is clickable.

Usage Criteria

This component displays an image and has the options of displaying a caption and linking out to a different page.

Do's and Don'ts

  • Avoid using multiples of the Mixed Media: Image component stacked on top of one another (unless done very intentionally).
  • Be cautious of the space an image takes up on the page. Having an image too large can detract from the content, so full width images are seldom used.

Design Notes

If the image being used pairs with supplementary text, consider using the Image Text CTA component instead. If the message is important and should be highlighted, consider using the CTA 5050 component.

Configurable Options

This image component has the option of showing or hiding a caption. The caption can be manually entered or automatically retrieved from the DAM via a checkbox. 

Adding a link will make the image clickable. There is also an option to specify the exact size of the image under the Size and Alignment tab, and change the image alignment (including caption text) to left, right, or center.

Developer Notes

Type Name
AEM Component Name Image
Code Base Name  
resourceSupertype  
SCSS Attributes  
JavaScript  
Status  
Version