> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-illustration.md).

# AX - イラスト

## 概要

**AX - イラストレーション** は、Experience Sites のページに Salesforce Lightning Design System のイラストを表示する Experience Cloud コンポーネントです。

ポータル全体で、空状態のグラフィック、成功メッセージ、エラー状態、オンボーディング用ビジュアル、または情報用グラフィックを表示するために使用します。SLDS の事前作成済みイラストライブラリから選択し、Experience Builder でサイズやメッセージを設定できます。

空状態の画面、確認ページ、エラーメッセージ、ヘルプコンテンツ、またはユーザーを案内したり状況を説明したりするための親しみやすく一貫性のあるグラフィックがポータルに必要なあらゆる場所に最適です。

## 設定

### プロパティ

**タイトル** イラストのタイトルを定義します。これは、明確さと関連性を高める簡潔な説明またはコンテキストです。

**バリアント** ページの文脈やデザインテーマに合うイラストのバリエーションやスタイルを選択し、全体の美観と調和するようにします。

**サイズ** イラストのサイズを決定し、目立つように表示して、インターフェース内の視覚的な流れや注目に良い影響を与えます。

**コンテンツ** イラストに添える内容や説明を追加し、より詳しい情報、文脈、または手順をユーザーに提供して、イラストを補完し、一貫性のある充実した体験を実現します。

**代替テキスト** アクセシビリティをサポートするために、イラストの説明文を提供します。

## スタイリング

{% tabs %}
{% tab title="マージン" %}
イラストの外側の余白を制御します。
{% endtab %}

{% tab title="パディング" %}
イラストの内側の余白を制御します。
{% endtab %}

{% tab title="サイズ" %}
イラストの寸法を制御します。
{% endtab %}

{% tab title="枠線" %}
イラストの枠線を制御します（色 / サイズ / スタイル / 半径）。
{% endtab %}

{% tab title="タイトル" %}

* **色 / フォントサイズ / フォントスタイル / フォントウェイト：** タイトルテキストのスタイルを設定します。
  {% endtab %}

{% tab title="コンテンツ" %}

* **色 / フォントサイズ / フォントスタイル / フォントウェイト：** コンテンツテキストのスタイルを設定します。
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-illustration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.