# 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.

{% hint style="danger" %}
This component [leverages slots](https://docs.avonnicomponents.com/experience-cloud/getting-started/learning-the-basics#understanding-slots) for advanced customization, making it ideal for LWR sites. Aura sites do not support this level of customization.
{% endhint %}

## Properties

| Name               | Description                                                                                                        | Usage                                                                                                                                                                       |
| ------------------ | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Inline**         | This property allows for the horizontal alignment of media objects with other content elements.                    | Enable this setting when you want the media to be displayed inline with other content, facilitating a horizontal flow and utilization of space.                             |
| **Responsive**     | Ensures that the media object adapts gracefully across different device sizes and screen resolutions.              | Activating this property ensures that media objects are displayed optimally, maintaining their clarity and proportion on various devices for a seamless viewing experience. |
| **Vertical Align** | This property provides control over the vertical alignment of the media object relative to other content elements. | Choose between start, center, or end alignments to ensure that the media object aligns perfectly with adjacent content, contributing to a visually harmonious presentation. |
| **Size**           | Adjust the size of the media object to ensure it fits seamlessly within the overall content layout.                | Select an appropriate size for the media object, ensuring that it complements rather than overshadows the surrounding content, maintaining a balanced and appealing layout. |