# AX - Avviso

## Panoramica

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

Usalo per mostrare avvisi di sistema, messaggi di errore, avvertimenti, conferme di successo o annunci sensibili al tempo. Controlla quando gli avvisi appaiono, cosa dicono e come appaiono—tutto configurabile in Experience Builder senza codice.

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

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FZnVzrugiVWNIORtCCQYM%2F2023-11-13_14-29-57.png?alt=media&#x26;token=26eff8e7-3d4e-4c0e-bf41-9af78984b4a8" alt=""><figcaption></figcaption></figure>

***

## Impostazioni

{% tabs %}
{% tab title="Specifiche" %}

<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' ti permette di personalizzare l'aspetto del componente Avonni Alert per riflettere meglio il tipo di avviso che stai comunicando. I variant 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 e di uso generale.</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 un variant che sia allineato al messaggio che intendi trasmettere per una comprensione utente più chiara.</p></td></tr><tr><td><strong>: Scegli Paragrafi 1 o 2 per completare il tuo titolo</strong></td><td>L'attributo 'content' specifica il messaggio principale o l'informazione che desideri comunicare nel componente Avonni Alert. Contiene il contenuto testuale che verrà visualizzato all'interno dell'avviso, assicurando che gli utenti siano informati o resi consapevoli della specifica notifica o situazione.</td></tr><tr><td><strong>Nome Icona</strong></td><td>L'attributo 'icon name' ti permette 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 icona</strong></td><td><p>L'attributo 'icon size' nel componente Avonni Alert controlla la dimensione dell'icona:</p><ul><li><strong>Xxs</strong>: Extra-extra-piccola per un'enfasi sottile.</li><li><strong>Xs</strong>: Extra-piccola per una prominenza minima.</li><li><strong>Piccolo</strong>: Una dimensione modesta per una visibilità moderata.</li><li><strong>Medio</strong>: Dimensione standard per una visibilità bilanciata.</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 scartare l'Avonni Alert nell'interfaccia. Quando attivato, compare un pulsante di chiusura sull'avviso, permettendo 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 ti permette 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 inline</strong>: Configura il margine sinistro.</li><li><strong>Fine inline</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 del fondale:</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 gradiente dinamico e visivamente accattivante</li></ul></td></tr><tr><td><strong>Testo</strong></td><td><p>L'impostazione di stile del testo nel componente Avonni Alert permette la personalizzazione del testo:</p><ul><li><strong>Colore</strong>: Modifica il colore del testo per una migliore visibilità.</li><li><strong>Peso del font</strong>: Scegli il peso del carattere per enfatizzare.</li><li><strong>: Visualizza il testo in uno stile corsivo, inclinando i caratteri verso destra.</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>: Determina 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 in primo piano</strong>: Esegui ulteriori regolazioni del 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 %}