Carte de profil

Aperçu

La Carte de Profil Avonni est conçue pour créer des cartes de profil sophistiquées et visuellement attrayantes. Avec la flexibilité de configurer les titres, sous-titres, avatars, arrière-plans et une gamme d'attributs de style, le composant Carte de Profil est votre chemin pour créer des cartes de profil qui dégagent élégance, professionnalisme et harmonie visuelle.

Ce composant utilise des slots pour une personnalisation avancée, ce qui le rend idéal pour les sites LWR. Les sites Aura ne prennent pas en charge ce niveau de personnalisation.

Tutoriels

Nom	Description
Configurer la Carte de Profil pour afficher les informations de l'utilisateur courant	Configurez une Carte Avonni pour afficher les informations utilisateur sur Experience Cloud, améliorant la personnalisation.

Emplacements (Slots)

Le composant Carte de Profil Avonni offre une manière flexible et dynamique de présenter une large gamme d'informations via des emplacements (slots). Ces emplacements sont des zones désignées à l'intérieur du composant où divers autres composants peuvent être insérés, permettant une personnalisation et une fonctionnalité étendues.

Types d'emplacements

1. Emplacement de contenu :

   • La zone principale pour les informations détaillées.

   • Idéal pour ajouter divers éléments comme du texte, des listes, des images ou des composants personnalisés.

   • Peut être utilisé pour afficher des données complètes ou des éléments interactifs.

2. Emplacement d'en-tête :

   • Dédié aux titres, en-têtes ou contenus introductifs.

   • Convient aux étiquettes de texte, avatars, icônes ou tout composant fournissant du contexte.

   • Améliore la compréhension immédiate de l'objectif de la Carte de Profil.

3. Emplacement d'actions :

   • Réservé aux éléments interactifs tels que boutons ou hyperliens.

   • Facilite l'interaction utilisateur, offrant des actions comme modifier le profil ou la navigation.

   • Augmente l'interactivité de la carte et l'engagement de l'utilisateur.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Titre et style du texte du titre	Définissez le titre et son apparence en choisissant parmi une variété de styles de texte comme H1, H2, H3, H4, P1 et P2.	Utilisez ceci pour donner à votre carte de profil un en-tête stylisé et proéminent qui capte l'attention.
Sous-titre et style du texte du sous-titre	Ajoutez un sous-titre et personnalisez son apparence, permettant des informations contextuelles supplémentaires avec des choix de style.	Utilisez les sous-titres pour fournir des informations complémentaires, comme un poste ou un département, améliorant l'exhaustivité de la carte de profil.
Arrière-plan CMS ou URL d'arrière-plan	Personnalisez l'arrière-plan en choisissant une image depuis le CMS ou en fournissant une URL, permettant un fond visuellement enrichi.	Une image d'arrière-plan bien choisie peut ajouter de la profondeur et du contexte au profil, améliorant son attrait visuel.
Image d'avatar CMS ou URL de l'image d'avatar	Définissez l'avatar en sélectionnant une image depuis le CMS ou en utilisant une URL, apportant une touche personnelle à la représentation du profil.	Les avatars ajoutent une touche personnelle, rendant le profil plus attrayant et identifiable.
Variante et taille de l'avatar	Personnalisez la forme et la taille de l'avatar, en choisissant des variantes comme cercle ou carré et des tailles allant de très petit à très grand.	Adaptez l'apparence de l'avatar pour convenir à l'esthétique générale de la carte de profil, en assurant cohérence visuelle et attrait.
Position de l'avatar	Positionnez l'avatar sur la carte, en choisissant des emplacements comme en haut à gauche, en haut au centre ou en bas à droite, entre autres.	Ajustez la position de l'avatar pour obtenir une mise en page équilibrée et harmonieuse au sein de la carte de profil.

🎨 Style

Nom	Description	Utilisation
Attributs de style de l'en-tête	Stylisez largement l'en-tête avec des options pour la couleur de fond, la couleur du texte, la taille de la police, le style, le poids et même la personnalisation des bordures.	Affinez l'apparence de l'en-tête pour créer un en-tête de carte de profil visuellement frappant et facilement lisible.
Couleur de fond et bordure	Personnalisez la couleur de fond générale de la carte et définissez les propriétés de la bordure telles que la taille, le rayon et la couleur.	Ces fonctionnalités permettent une distinction visuelle et un raffinement supplémentaires de l'apparence de la carte de profil, garantissant qu'elle s'aligne sur vos préférences de conception.