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

# AX - Illustration

## Aperçu

**AX - Illustration** est un composant Experience Cloud qui affiche les illustrations du Salesforce Lightning Design System sur les pages des sites Experience.

Utilisez-le pour afficher des graphiques d’état vide, des messages de réussite, des états d’erreur, des visuels d’onboarding ou des graphiques informatifs dans votre portail. Choisissez parmi la bibliothèque d’illustrations prédéfinies de SLDS et configurez la taille et les messages dans Experience Builder.

Parfait pour les écrans d’état vide, les pages de confirmation, les messages d’erreur, le contenu d’aide ou tout autre endroit où votre portail a besoin de graphiques conviviaux et cohérents pour guider les utilisateurs ou expliquer des situations.

## Configuration

### Propriétés

**Titre** définit un titre pour l’illustration — une description concise ou un contexte qui améliore la clarté et la pertinence.

**Variante** sélectionne une variante ou un style pour l’illustration qui convient au contexte et au thème de conception de la page, en s’intégrant harmonieusement à l’esthétique globale.

**Taille** détermine la taille de l’illustration afin qu’elle soit affichée de manière visible, contribuant positivement au flux visuel et à la mise en avant dans l’interface.

**Contenu** ajoute du contenu ou une description pour accompagner l’illustration, offrant aux utilisateurs des informations plus détaillées, du contexte ou des instructions qui complètent l’illustration pour une expérience cohérente et enrichissante.

**Texte alternatif** fournit un texte descriptif pour l’illustration afin de prendre en charge l’accessibilité.

## Style

{% tabs %}
{% tab title="Marge" %}
Contrôle l’espacement externe autour de l’illustration.
{% endtab %}

{% tab title="Rembourrage" %}
Contrôle l’espacement interne de l’illustration.
{% endtab %}

{% tab title="Taille" %}
Contrôle les dimensions de l’illustration.
{% endtab %}

{% tab title="Bordure" %}
Contrôle la bordure autour de l’illustration (couleur / taille / style / rayon).
{% endtab %}

{% tab title="Titre" %}

* **Couleur / taille de police / style de police / graisse de police :** Styliser le texte du titre.
  {% endtab %}

{% tab title="Contenu" %}

* **Couleur / taille de police / style de police / graisse de police :** Styliser le texte du contenu.
  {% 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-fr/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.