# AX - Separator

## 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.                                         |
| <h4>Nome icona e dimensione icona</h4> | 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 %}


---

# Agent Instructions: 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:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-separator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.