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

🎛️ 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.
Nom de l’icône et taille de l’icône	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.

🎨 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.