# AX - Separatore ## Panoramica **AX - Separatore** è un componente di Experience Cloud che crea divisori visivi tra le sezioni di contenuto nelle pagine dei siti Experience. Usalo per aggiungere linee orizzontali, spaziatura o interruzioni visive tra i componenti per migliorare l'organizzazione e la leggibilità della pagina. Configura lo stile, il colore, lo spessore e la spaziatura del separatore in Experience Builder. Perfetto per dividere le sezioni dei moduli, separare blocchi di contenuto, organizzare pagine lunghe o ovunque il tuo portale necessiti di una chiara separazione visiva tra diverse aree di contenuto. ## Impostazioni {% tabs %} {% tab title="🎛️ Proprietà" %} | Nome | Descrizione | Utilizzo | | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | **Titolo** | Il testo apparirà accanto al separatore per fornire contesto o informazioni aggiuntive. | Implementa questa proprietà per etichettare le sezioni che il separatore sta suddividendo, migliorando la comprensione da parte dell'utente. | |

Nome icona e dimensione icona

| Incorpora un'icona accanto al separatore per aggiungere contesto visivo. È inoltre possibile regolare la dimensione dell'icona per adattarla all'estetica del design. | Usa le icone come segnali visivi che completano il titolo o indicano il contenuto seguente, contribuendo alla funzione comunicativa del separatore. | | **Allineamento contenuto** | Determina la posizione del titolo e dell'icona rispetto alla linea del separatore. Le opzioni includono **`Inizio`**, **`Fine`**, o **`Centro`**`.` | Allinea il contenuto in base al layout e all'enfasi richiesti dal design, assicurando che il separatore si integri senza soluzione di continuità nel flusso della pagina. | | **Orientamento** | Imposta l'orientamento del separatore su **`Orizzontale`** o **`Verticale`**, fornendo flessibilità nel modo in cui il contenuto viene diviso. | Scegli l'orientamento appropriato per adattarlo al meglio al layout del tuo contenuto, sia che si tratti di un confronto affiancato o di una segmentazione dall'alto verso il basso. | | {% endtab %} | | | {% tab title="🎨 Stile" %} | Nome | Descrizione | Utilizzo | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Titolo** | Personalizza l'aspetto del titolo con opzioni per colore, dimensione del carattere, stile e peso. | Stile il titolo per garantirne la giusta evidenza e mantenere la coerenza con lo schema di design generale del sito. | | **Icona** | Definisci lo stile dell'icona con colore di sfondo, colore del primo piano, uno stato predefinito per il colore del primo piano e il raggio dell'icona per i bordi arrotondati. | Affina l'aspetto dell'icona per renderla più prominente o discreta, in linea con gli obiettivi di design. | | **Bordo** | Definisci il bordo del separatore impostandone dimensione, colore e stile (solido, tratteggiato, punteggiato e altro). | Regola le impostazioni del bordo per creare il livello di distinzione desiderato tra le sezioni di contenuto, da una linea pronunciata a una separazione più sottile. | {% endtab %} {% endtabs %}