Citation

Mettez en valeur des citations ou des textes importants avec le composant Citation. Ce composant vous permet d’accentuer visuellement un contenu spécifique, attirant l’attention sur des informations clés ou des témoignages.

Configuration Votre citation en bloc

Ajouter un titre (facultatif)

Le titre fournit un contexte ou une attribution pour le texte cité.

• Ce qu'il faut saisir : Il peut s'agir du nom de la personne citée, de la source de la citation (par ex. un livre, un article ou un site web), ou d'un bref en-tête résumant l'idée principale de la citation.

• Quand l'utiliser : Un titre est utile lorsque la source ou le contexte de la citation n'est pas immédiatement clair à partir de la citation elle‑même

Saisissez le texte de la citation

Ceci est le texte principal que vous souhaitez mettre en valeur en utilisant le style de citation en bloc.

• Ce qu'il faut saisir : Il peut s'agir d'un témoignage client, d'un point clé d'un rapport, d'un extrait d'un article, d'une déclaration percutante ou de tout autre texte que vous souhaitez souligner.

• Bonnes pratiques :

  • Gardez la citation concise et directe.

  • Assurez-vous que la citation est pertinente par rapport au contenu environnant

Choisir un style (variante)

Sélectionnez un style visuel qui s'aligne sur le ton et l'objectif de la citation. Le paramètre « Variante » contrôle l'apparence générale de la citation en bloc.

• Variantes disponibles :

  • Par défaut : Un style neutre adapté à un usage général. Il utilise généralement une indentation et une police distincte pour distinguer la citation.

  • Marque : Applique les couleurs et le style de votre marque à la citation en bloc, créant une cohérence visuelle avec votre design global.

  • Avertissement : Met en évidence des informations ou des conseils de prudence. Il peut utiliser une couleur de fond ou une bordure distincte pour attirer l'attention.

  • Erreur : Met l'accent sur des informations critiques ou des erreurs. Il peut utiliser une police en gras et une couleur forte comme le rouge.

  • Succès : Attire l'attention sur des messages positifs ou des réalisations. Il peut utiliser une couleur visuellement attrayante comme le vert ou le bleu

Ajouter une icône (facultatif)

Améliorez l'impact visuel et la signification de la citation en ajoutant une icône pertinente.

• Comment choisir : Sélectionnez une icône qui complète le contenu de la citation et renforce son message.

• https://docs.google.com/gview?embedded=true&url=[votre URL PDF] Une citation sur la satisfaction client pourrait être accompagnée d'une icône « pouce levé » ou d'un visage souriant. Une citation concernant un avertissement pourrait utiliser une icône de point d'exclamation.

• Placement : L'icône est généralement placée à proximité du texte de la citation, soit avant, soit après, selon la variante choisie et vos préférences de conception

Pourquoi utiliser le composant Blockquote ?

• Mettre en valeur les informations clés : Attirer l'attention sur des citations importantes, des témoignages ou des points clés.

• Améliorer la lisibilité : Fragmenter de longs blocs de texte et rendre le contenu plus attrayant visuellement.

• Renforcer la hiérarchie visuelle : Créer une structure visuelle claire et guider le regard du lecteur.

• Ajouter de la crédibilité : Mettre en avant des témoignages clients ou des avis d'experts pour instaurer la confiance.

Exemples d'utilisation :

• Témoignages clients : Présenter des retours positifs de clients satisfaits.

• Principales conclusions : Mettre en avant des informations importantes issues de rapports ou de recherches.

• Appel à l'action : Mettre en avant un message spécifique ou encourager une action particulière.

• Extraits de code : Afficher des exemples de code de manière visuellement distincte.

En incorporant le composant Blockquote dans vos composants dynamiques, vous pouvez créer des interfaces utilisateur engageantes et informatives qui mettent efficacement en évidence les informations importantes