> 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-it/experience-components/ax-alert.md).

# AX - Avviso

## Panoramica

**AX - Avviso** è un componente di Experience Cloud che mostra messaggi e notifiche importanti agli utenti del portale nelle pagine dei siti Experience.

Usalo per mostrare avvisi di sistema, messaggi di errore, avvertimenti, conferme di successo o annunci urgenti. Controlla quando compaiono gli avvisi, cosa dicono e come appaiono: tutto configurato in Experience Builder senza codice.

Perfetto per avvisi di manutenzione del portale, conferme di invio di moduli, avvisi sullo stato dell'account o per guidare gli utenti attraverso i processi sui portali clienti o partner.

<figure><img src="/files/f2c886ebee67015da06ac40f715ec229cc938d7c" alt=""><figcaption></figcaption></figure>

***

## Impostazioni

{% tabs %}
{% tab title="🎛️ Proprietà" %}

<table><thead><tr><th width="183">Attributo</th><th>Descrizione</th></tr></thead><tbody><tr><td><strong>Variante</strong></td><td><p>L'attributo 'variant' consente di personalizzare l'aspetto del componente Avonni Alert per riflettere meglio il tipo di avviso che stai comunicando. Le varianti disponibili includono:</p><ul><li><strong><code>errore</code></strong>: Per notifiche o problemi critici.</li><li><strong><code>base</code></strong>: Un avviso standard, generico.</li><li><strong><code>offline</code></strong>: Indica problemi di connettività o disponibilità.</li><li><strong><code>avviso</code></strong>: Per avvisi che richiedono attenzione ma non sono critici.</li></ul><p>Scegli una variante che sia in linea con il messaggio che intendi trasmettere per una comprensione più chiara da parte dell'utente.</p></td></tr><tr><td><strong>Contenuto</strong></td><td>L'attributo 'content' specifica il messaggio principale o le informazioni che desideri comunicare nel componente Avonni Alert. Contiene il testo che verrà visualizzato nell'avviso, garantendo che gli utenti siano informati o resi consapevoli della notifica o situazione specifica.</td></tr><tr><td><strong>Nome icona</strong></td><td>L'attributo 'icon name' consente di impostare un'icona specifica per il componente Avonni Alert. Fornendo un nome icona, puoi rappresentare visivamente la natura o il contesto dell'avviso, migliorando la chiarezza e attirando immediatamente l'attenzione dell'utente sul messaggio.</td></tr><tr><td><strong>Dimensione dell'icona</strong></td><td><p>L'attributo 'icon size' nel componente Avonni Alert controlla la dimensione dell'icona:</p><ul><li><strong>XXS</strong>: Molto, molto piccolo per un'enfasi discreta.</li><li><strong>XS</strong>: Molto piccolo per una presenza minima.</li><li><strong>Piccola</strong>: Una dimensione moderata per una visibilità media.</li><li><strong>Media</strong>: Dimensione standard per una visibilità equilibrata.</li><li><strong>Grande</strong>: Per il massimo impatto visivo</li></ul></td></tr><tr><td><strong>Chiudibile</strong></td><td>L'attributo "Is Dismissible" consente agli utenti di chiudere o ignorare l'Avonni Alert nell'interfaccia. Quando è attivato, sull'avviso appare un pulsante di chiusura, consentendo la rimozione manuale da parte dell'utente.</td></tr></tbody></table>
{% endtab %}

{% tab title="🎨 Stile" %}

<table><thead><tr><th width="183">Attributo</th><th>Descrizione</th></tr></thead><tbody><tr><td><strong>Spaziatura</strong></td><td><p>L'impostazione di stile della spaziatura nel componente Avonni Alert consente di regolare i margini:</p><ul><li><strong>Inizio blocco</strong>: Imposta il margine superiore.</li><li><strong>Fine blocco</strong>: Regola il margine inferiore.</li><li><strong>Inizio in linea</strong>: Configura il margine sinistro.</li><li><strong>Fine in linea</strong>: Modifica il margine destro</li></ul></td></tr><tr><td><strong>Sfondo</strong></td><td><p>L'impostazione di stile dello sfondo nel componente Avonni Alert offre la personalizzazione dello sfondo:</p><ul><li><strong>Colore</strong>: Seleziona un colore pieno per lo sfondo.</li><li><strong>Gradiente lineare</strong>: Scegli questa opzione per un effetto sfumato dinamico e gradevole dal punto di vista visivo</li></ul></td></tr><tr><td><strong>Testo</strong></td><td><p>L'impostazione di stile del testo nel componente Avonni Alert consente la personalizzazione del testo:</p><ul><li><strong>Colore</strong>: Modifica il colore del testo per una migliore visibilità.</li><li><strong>Peso del carattere</strong>: Scegli il peso del carattere per enfatizzare il testo.</li><li><strong>Allineamento orizzontale</strong>: Seleziona l'allineamento del testo per una visualizzazione ottimale nell'avviso</li></ul></td></tr><tr><td><strong>Bordo</strong></td><td><p>L'impostazione di stile del bordo nel componente Avonni Alert offre opzioni per personalizzare l'aspetto del bordo:</p><ul><li><strong>Colore</strong>: Scegli un colore per il bordo.</li><li><strong>Dimensione</strong>: Seleziona lo spessore del bordo.</li><li><strong>Stile</strong>: Definisci l'aspetto generale con vari stili</li></ul></td></tr><tr><td><strong>Icona</strong></td><td><p>L'impostazione di stile dell'icona nel componente Avonni Alert consente varie personalizzazioni dell'aspetto dell'icona:</p><ul><li><strong>Colore di sfondo</strong>: Modifica il colore di sfondo dietro l'icona.</li><li><strong>Colore in primo piano</strong>: Cambia il colore principale dell'icona.</li><li><strong>Icona di chiusura in primo piano</strong>: Specifica il colore dell'icona per chiudere l'avviso.</li><li><strong>Utilità colore primo piano</strong>: Apporta ulteriori modifiche al colore per una migliore visibilità e contrasto</li></ul></td></tr></tbody></table>

{% hint style="info" %}
alcuni attributi di stile possono essere dinamici....
{% endhint %}
{% 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-it/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.