# 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](/experience-cloud/getting-started/learning-the-basics.md#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. |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-components/ax-media-object.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.