# AX - メディアオブジェクト

## 概要

**AX - メディアオブジェクト** は、Experience Sites のページ上で、画像、アイコン、またはアバターをテキストコンテンツと横並びで表示する Experience Cloud コンポーネントです。

ユーザープロファイル、製品リスト、通知項目、または視覚要素と説明テキストを組み合わせるあらゆるコンテンツに対して、一貫したレイアウトを作成するために使用します。メディア要素はテキストコンテンツと整列したまま維持され、すっきりとして見やすい形式になります。

ユーザーディレクトリ、製品カード、アクティビティフィード、リソース一覧、またはポータルで画像とテキストを構造化された反復可能なレイアウトパターンで組み合わせる必要があるあらゆる場面に最適です。

{% hint style="danger" %}
このコンポーネントは [スロットを活用し](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/hajimeni/wobu#understanding-slots) 高度なカスタマイズを実現するため、LWR サイトに最適です。Aura サイトではこのレベルのカスタマイズはサポートされていません。
{% endhint %}

## プロパティ

| 名前          | 説明                                                         | 使用方法                                                                        |
| ----------- | ---------------------------------------------------------- | --------------------------------------------------------------------------- |
| **インライン**   | このプロパティにより、メディアオブジェクトを他のコンテンツ要素と横方向に整列できます。                | メディアを他のコンテンツとインライン表示し、横方向の流れとスペースの有効活用を促したい場合に、この設定を有効にします。                 |
| **レスポンシブ**  | メディアオブジェクトがさまざまなデバイスサイズや画面解像度に柔軟に適応することを保証します。             | このプロパティを有効にすると、メディアオブジェクトはさまざまなデバイスで最適に表示され、鮮明さと比率が保たれるため、シームレスな閲覧体験が実現します。 |
| **垂直方向の配置** | このプロパティにより、メディアオブジェクトを他のコンテンツ要素に対して垂直方向にどのように配置するかを制御できます。 | 開始、中央、終了のいずれかの配置を選択して、メディアオブジェクトが隣接するコンテンツと完全に揃うようにし、視覚的に調和の取れた表示にします。      |
| **サイズ**     | メディアオブジェクトのサイズを調整して、全体のコンテンツレイアウトに自然に収まるようにします。            | 周囲のコンテンツを圧倒するのではなく、引き立てる適切なサイズを選択し、バランスの取れた魅力的なレイアウトを維持します。                 |