Séparateur

Le composant Séparateur vous aide à diviser visuellement les sections de votre interface utilisateur, améliorant l’organisation et la lisibilité. C’est comme tracer une ligne claire entre différentes parties de votre contenu.

Configurer votre séparateur

Ajouter une étiquette (optionnel)

• Donnez à votre séparateur une étiquette descriptive. Ceci est utile pour fournir du contexte ou des titres pour différentes sections de votre page. Par exemple, vous pouvez utiliser un séparateur avec l'étiquette "Informations client" pour distinguer clairement cette section des autres parties de la page.

Jouer avec l'alignement

• Contrôler la position du séparateur. Vous pouvez aligner le séparateur et son étiquette sur :

  • Début : Aligné à gauche (pour les langues de gauche à droite).

  • Centre : Centré sur la page.

  • Fin : Aligné à droite (pour les langues de gauche à droite).

Ajout d'une icône (optionnel)

• Améliorez le séparateur avec une indication visuelle. Choisissez une icône qui complète la fonction du séparateur ou le contenu qu'il sépare. Vous pouvez positionner l'icône à gauche ou à droite de l'étiquette.

Styliser le séparateur

• Ajustez finement l'apparence du séparateur :

  • Étiquette : Personnalisez la police, la taille, la couleur et le style de l'étiquette.

  • Icône : Ajustez la taille, la couleur et la position de l'icône.

  • Bordure : Personnalisez la couleur, l'épaisseur et le style (plein, en tirets, en pointillés) de la ligne du séparateur.

Aucune interaction

Le composant Séparateur est principalement un élément visuel, il n'a donc pas de fonctionnalités interactives ni d'actions.