AX - Media Object

Overview

AX - Media Object is an Experience Cloud component that displays an image, icon, or avatar alongside text content in a horizontal layout on Experience Sites pages.

Use it to create consistent layouts for user profiles, product listings, notification items, or any content combining a visual element with descriptive text. The media element stays aligned with the text content, creating a clean, scannable format.

Perfect for user directories, product cards, activity feeds, resource lists, or anywhere your portal needs to pair images with text in a structured, repeatable layout pattern.

This component leverages slots for advanced customization, making it ideal for LWR sites. Aura sites do not support this level of customization.

Configuration

Drop a media element (image, icon, or avatar) into the figure slot and your text into the content slot; use the figure-inverse slot to place the media after the content instead of before it.

Properties

Inline allows the horizontal alignment of the media object with other content elements — enable it to display the media inline, facilitating a horizontal flow and better use of space.

Responsive ensures the media object adapts gracefully across different device sizes and screen resolutions, maintaining its clarity and proportion for a seamless viewing experience.

Vertical Align controls the vertical alignment of the media object relative to other content elements — choose start, center, or end so it aligns perfectly with adjacent content.

Size adjusts the size of the media object so it fits seamlessly within the overall content layout, complementing rather than overshadowing the surrounding content.