> 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-de/experience-components/ax-illustration.md).

# AX - Illustration

## Übersicht

**AX - Illustration** ist eine Experience-Cloud-Komponente, die Illustrationen des Salesforce Lightning Design System auf Seiten von Experience Sites anzeigt.

Verwenden Sie es, um im gesamten Portal Grafiken für leere Zustände, Erfolgsmeldungen, Fehlerzustände, Onboarding-Visuals oder Informationsgrafiken anzuzeigen. Wählen Sie aus der Bibliothek vorgefertigter Illustrationen von SLDS und konfigurieren Sie Größe und Texte in Experience Builder.

Perfekt für Bildschirme mit leerem Zustand, Bestätigungsseiten, Fehlermeldungen, Hilfselemente oder überall dort, wo Ihr Portal freundliche, konsistente Grafiken benötigt, um Benutzer zu führen oder Situationen zu erklären.

## Konfiguration

### Eigenschaften

**Titel** definiert einen Titel für die Illustration — eine kurze Beschreibung oder einen Kontext, der Klarheit und Relevanz verbessert.

**Variante** wählt eine Variante oder einen Stil für die Illustration aus, der zum Kontext und Designthema der Seite passt und sich harmonisch in die Gesamtästhetik einfügt.

**Größe** bestimmt die Größe der Illustration, damit sie prominent angezeigt wird und positiv zum visuellen Fluss und Fokus innerhalb der Benutzeroberfläche beiträgt.

**Inhalt** fügt Inhalte oder eine Beschreibung hinzu, die die Illustration begleitet und den Benutzern detailliertere Informationen, Kontext oder Anweisungen bietet, die die Illustration für ein stimmiges, bereicherndes Erlebnis ergänzen.

**Alternativtext** stellt beschreibenden Text für die Illustration bereit, um die Barrierefreiheit zu unterstützen.

## Styling

{% tabs %}
{% tab title="Außenabstand" %}
Steuert den äußeren Abstand um die Illustration.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den inneren Abstand der Illustration.
{% endtab %}

{% tab title="Größe" %}
Steuert die Abmessungen der Illustration.
{% endtab %}

{% tab title="Rahmen" %}
Steuert den Rahmen um die Illustration (Farbe / Größe / Stil / Radius).
{% endtab %}

{% tab title="Titel" %}

* **Farbe / Schriftgröße / Schriftstil / Schriftstärke:** Formatiert den Titeltext.
  {% endtab %}

{% tab title="Inhalt" %}

* **Farbe / Schriftgröße / Schriftstil / Schriftstärke:** Formatiert den Inhaltstext.
  {% 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-de/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.