# AX - Citation

## Aperçu

**AX - Citation** est un composant Experience Cloud qui affiche des citations, des témoignages ou du texte mis en évidence dans un format visuellement distinct sur les pages des sites Experience.

Utilisez-le pour présenter des témoignages clients, mettre en avant des éléments importants, afficher des déclarations de politique ou souligner des informations clés qui doivent se démarquer du contenu ordinaire. Stylisez-le avec un formatage personnalisé, des icônes et une attribution pour correspondre au design de votre portail.

Parfait pour les histoires de réussite client, les témoignages en vedette, les avis importants, les mises en évidence des conditions générales ou tout contenu textuel nécessitant une emphase visuelle dans votre portail. 

***

## Spécifications

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

| Nom                   | Description                                         | Utilisation                                                                                               |
| --------------------- | --------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
| **Variante**          | Choisissez un style prédéfini pour la citation.     | Sélectionnez un style qui représente le mieux le contexte ou l'importance du contenu cité.                |
| **Titre**             | Définissez le titre de la citation.                 | Entrez un titre bref qui introduit ou catégorise le contenu cité.                                         |
| **Contenu**           | Définissez le texte/le contenu réel de la citation. | Saisissez la citation ou les informations mises en évidence que vous souhaitez afficher dans la citation. |
| **Nom de l'icône**    | Choisissez une icône pour accompagner la citation.  | Sélectionnez une icône qui améliore visuellement ou fournit un contexte au contenu de la citation.        |
| **Taille de l'icône** | Définissez la taille de l'icône.                    | Ajustez la taille de l'icône pour une harmonie visuelle avec le texte et le design global de la citation. |
| {% endtab %}          |                                                     |                                                                                                           |

{% tab title="🎨 Apparence" %}

| Nom              | Description                                                               | Utilisation                                                                                                                    |
| ---------------- | ------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| **Titre**        | Personnalisez l'apparence du texte du titre.                              | Ajustez ces propriétés pour garantir que le titre se démarque et s'aligne sur la hiérarchie visuelle et le style souhaités.    |
| **Arrière-plan** | Définissez la couleur de fond de la citation.                             | Choisissez une couleur de fond qui assure une lisibilité facile du texte et que la citation s'harmonise avec le design global. |
| **Bordure**      | Personnalisez la bordure de la citation.                                  | Ajustez les propriétés de la bordure pour renforcer la présence et la visibilité de la citation sur la page.                   |
| **Icône**        | Personnalisez l'apparence de l'icône avec différentes options de couleur. | Modifiez ces propriétés pour garantir que l'icône complète visuellement la citation sans dominer le contenu textuel.           |
| {% endtab %}     |                                                                           |                                                                                                                                |
| {% endtabs %}    |                                                                           |                                                                                                                                |