> 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-alert.md).

# AX - Warnhinweis

## Übersicht

**AX - Warnung** ist eine Experience Cloud-Komponente, die wichtige Nachrichten und Benachrichtigungen für Portalbenutzer auf Experience Sites-Seiten anzeigt.

Verwenden Sie sie, um Systemwarnungen, Fehlermeldungen, Warnhinweise, Erfolgsmeldungen oder zeitkritische Ankündigungen anzuzeigen. Steuern Sie, wann Warnungen angezeigt werden, was sie sagen und wie sie aussehen – alles ohne Code im Experience Builder konfigurierbar.

Perfekt für Hinweise zur Portalwartung, Bestätigungen von Formularübermittlungen, Warnungen zum Kontostatus oder um Benutzer durch Prozesse in Kunden- oder Partnerportalen zu führen.

<figure><img src="/files/621412f9a87d729b6124accb3cfe3d932f11049b" alt=""><figcaption></figcaption></figure>

## Konfiguration

### Eigenschaften

**Variante** passt das Erscheinungsbild der Warnung an, um die Art der Nachricht besser widerzuspiegeln, die Sie übermitteln. Wählen Sie diejenige aus, die zu der Nachricht passt, die Sie vermitteln möchten, für ein klareres Verständnis durch die Benutzer:

| Variante    | Wann verwenden                                                         |
| ----------- | ---------------------------------------------------------------------- |
| **Basis**   | Eine standardmäßige Warnung für allgemeine Zwecke.                     |
| **Fehler**  | Für kritische Benachrichtigungen oder Probleme.                        |
| **Offline** | Weist auf Verbindungs- oder Verfügbarkeitsprobleme hin.                |
| **Warnung** | Für Warnungen, die Aufmerksamkeit erfordern, aber nicht kritisch sind. |

**Inhalt** ist die in der Warnung vermittelte Hauptnachricht und stellt sicher, dass Benutzer über die spezifische Benachrichtigung oder Situation informiert sind. Für umfangreichere Nachrichten können Sie stattdessen benutzerdefiniertes Markup über den Content-Slot der Komponente bereitstellen.

**Symbolname** legt ein Symbol des Lightning Design System für die Warnung fest (zum Beispiel `utility:info`), das die Art oder den Kontext der Nachricht visuell darstellt. **Symbolgröße** steuert, wie groß das Symbol angezeigt wird — XX-Small, X-Small, Small, Medium oder Large — und erfordert eine **Symbolname**.

**Kann geschlossen werden** zeigt eine Schließen-Schaltfläche an, damit Benutzer die Warnung manuell schließen können. Aktivieren Sie sie, wenn die Nachricht informativ ist und Benutzer daran vorbeigehen können sollten.

**Texturiert** wendet ein strukturiertes Hintergrundmuster auf die Warnung an, um ihr ein markanteres Erscheinungsbild zu verleihen.

## Styling

Passen Sie das Erscheinungsbild der Warnung über die **Stil** Bereich des Eigenschaftseditors an.

{% tabs %}
{% tab title="Abstand" %}
Passt die Ränder der Warnung an:

* **Blockanfang:** Setzt den oberen Rand fest.
* **Blockende:** Passt den unteren Rand an.
* **Inline-Anfang:** Legt den linken Rand fest.
* **Inline-Ende:** Passt den rechten Rand an.
  {% endtab %}

{% tab title="Hintergrund" %}
Bietet Hintergrundanpassungen:

* **Farbe:** Wählen Sie eine Volltonfarbe für den Hintergrund.
* **Linearer Verlauf:** Wählen Sie diese Option für einen dynamischen, optisch ansprechenden Verlaufseffekt.
  {% endtab %}

{% tab title="Text" %}
Ermöglicht Textanpassungen:

* **Farbe:** Ändern Sie die Textfarbe für eine bessere Sichtbarkeit.
* **Schriftstärke:** Wählen Sie die Schriftstärke für mehr Betonung.
* **Horizontale Ausrichtung:** Wählen Sie die Ausrichtung des Textes für eine optimale Anzeige in der Warnung.
  {% endtab %}

{% tab title="Rahmen" %}
Bietet Optionen zur Anpassung des Erscheinungsbilds des Rahmens:

* **Farbe:** Wählen Sie eine Farbe für die Kante des Rahmens.
* **Größe:** Wählen Sie die Dicke des Rahmens aus.
* **Stil:** Bestimmen Sie mit verschiedenen Stilen das gesamte Erscheinungsbild.
  {% endtab %}

{% tab title="Symbol" %}
Ermöglicht verschiedene Anpassungen des Erscheinungsbilds des Symbols:

* **Hintergrundfarbe:** Ändern Sie die Hintergrundfarbe hinter dem Symbol.
* **Vordergrundfarbe:** Ändern Sie die Hauptfarbe des Symbols.
* **Schließen-Symbol im Vordergrund:** Geben Sie die Farbe des Schließen-Symbols an.
* **Vordergrundfarben-Utility:** Nehmen Sie weitere Farbanpassungen für bessere Sichtbarkeit und einen besseren Kontrast vor.
  {% 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-alert.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.