> 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-fr/experience-components/ax-separator.md).

# AX - Séparateur

## Aperçu

**AX - Séparateur** est un composant Experience Cloud qui crée des séparateurs visuels entre les sections de contenu sur les pages des sites Experience.

Utilisez-le pour ajouter des lignes horizontales, de l’espacement ou des ruptures visuelles entre les composants afin d’améliorer l’organisation et la lisibilité de la page. Configurez le style, la couleur, l’épaisseur et l’espacement du séparateur dans Experience Builder.

Idéal pour diviser des sections de formulaire, séparer des blocs de contenu, organiser de longues pages, ou partout où votre portail a besoin d’une séparation visuelle claire entre différentes zones de contenu.

## Paramètres

{% tabs %}
{% tab title="🎛️ Propriétés" %}

| Nom                                          | Description                                                                                                                                                             | Utilisation                                                                                                                                                                              |
| -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Titre**                                    | Le texte apparaîtra à côté du séparateur pour fournir un contexte ou des informations supplémentaires.                                                                  | Implémentez cette propriété pour étiqueter les sections que le séparateur divise, améliorant ainsi la compréhension des utilisateurs.                                                    |
| <h4>Nom de l’icône et taille de l’icône</h4> | Intégrez une icône avec le séparateur pour un contexte visuel supplémentaire. La taille de l’icône peut également être ajustée pour s’adapter à l’esthétique du design. | Utilisez des icônes comme repères visuels qui complètent le titre ou signalent le contenu suivant, contribuant ainsi à la fonction communicative du séparateur.                          |
| **Aligner le contenu**                       | Déterminez l’emplacement du titre et de l’icône par rapport à la ligne de séparation. Les options incluent **`Début`**, **`Fin`**, ou **`Centre`**`.`                   | Alignez le contenu en fonction de la disposition et de l’importance requises par le design, en veillant à ce que le séparateur s’intègre parfaitement au flux de la page.                |
| **Orientation**                              | Définissez l’orientation du séparateur sur **`Horizontale`** ou **`Verticale`**, offrant une flexibilité dans la manière dont le contenu est séparé.                    | Choisissez l’orientation appropriée pour correspondre au mieux à la mise en page de votre contenu, qu’il s’agisse d’une comparaison côte à côte ou d’une segmentation en haut et en bas. |
| {% endtab %}                                 |                                                                                                                                                                         |                                                                                                                                                                                          |

{% tab title="🎨 Style" %}

| Nom           | Description                                                                                                                                                                              | Utilisation                                                                                                                                                   |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Titre**     | Personnalisez l’apparence du titre avec des options de couleur, de taille de police, de style et de graisse.                                                                             | Mettez le titre en forme pour qu’il ressorte de manière appropriée et conserve une cohérence avec le style global du site.                                    |
| **Icône**     | Mettez l’icône en forme avec une couleur d’arrière-plan, une couleur de premier plan, un état par défaut pour la couleur de premier plan et le rayon de l’icône pour des bords arrondis. | Ajustez l’apparence de l’icône pour la rendre plus visible ou plus discrète, en l’alignant sur les objectifs de conception.                                   |
| **Bordure**   | Définissez la bordure du séparateur en précisant sa taille, sa couleur et son style (plein, pointillé, en pointillés et autres).                                                         | Ajustez les paramètres de bordure pour créer le niveau de distinction souhaité entre les sections de contenu, d’une ligne marquée à une rupture plus subtile. |
| {% 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:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/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.