AX - Icône
Aperçu
AX - Icône est un composant Experience Cloud qui affiche des icônes de la bibliothèque d'icônes Salesforce Lightning Design System sur les pages des sites Experience.
Utilisez-le pour ajouter des indicateurs visuels pour les actions, l'état, les catégories ou les éléments de navigation sur l'ensemble de votre portail. Configurez l'icône, la taille, la couleur et le style dans Experience Builder pour correspondre au design de votre portail.
Parfait pour les indicateurs d'état, les boutons d'action, les en-têtes de section, les éléments de navigation ou partout où votre portail a besoin de symboles visuels pour améliorer la lisibilité et la reconnaissance.
Paramètres
Nom de l'icône
Sélectionnez le nom de l'icône à afficher.
Choisissez une icône qui représente clairement et complète le contenu ou l'action auquel elle est associée.
Taille de l'icône
Définissez la taille de l'icône.
Choisissez une taille qui garantit que l'icône est clairement visible et harmonieusement intégrée dans la mise en page de la page.
Variante
Choisissez une variante de style prédéfinie pour l'icône.
Sélectionnez une variante qui correspond au sens contextuel ou à l'action de l'icône, renforçant sa communication visuelle.
Titre
Définissez un titre pour l'icône.
Fournissez un titre qui donne aux utilisateurs un contexte ou des informations supplémentaires lorsqu'ils survolent l'icône.
Texte alternatif
Fournissez un texte alternatif pour l'icône.
Saisissez un texte descriptif qui transmet la signification ou l'action de l'icône, garantissant l'accessibilité et améliorant le référencement.
Alignement horizontal
Déterminez l'alignement horizontal de l'icône à l'intérieur de son conteneur.
Alignez l'icône pour garantir qu'elle soit positionnée de manière optimale dans la mise en page du contenu, en maintenant l'équilibre visuel et le flux.
Couleur d'arrière-plan
Définissez la couleur d'arrière-plan de l'icône.
Choisissez une couleur d'arrière-plan qui assure que l'icône se distingue et est visuellement distincte dans le design de la page.
Couleur de premier plan
Définissez la couleur de l'icône elle-même.
Choisissez une couleur qui garantit que l'icône est clairement visible par rapport à l'arrière-plan et qui complète le design global.
Utilitaire de couleur de premier plan
Appliquez des classes utilitaires pour modifier la couleur de premier plan de l'icône.
Utilisez des classes utilitaires CSS pour appliquer facilement des styles de couleur prédéfinis à l'icône, garantissant cohérence et facilité de personnalisation du design.
Rayon de la bordure
Définissez le rayon des coins de la bordure de l'icône.
Ajustez le rayon de la bordure pour créer des icônes avec des coins arrondis, améliorant la présentation stylistique des icônes.
Mis à jour
Ce contenu vous a-t-il été utile ?
