Anatomie
Le composant citation est composé de plusieurs éléments.
- Texte de citation
- Icône de citation
- Attribution
- Détails facultatif
- Image facultatif
Variants
Affichage de détails supplémentaires
“Détails“ : Permet d'afficher des informations contextuelles sous le nom de l'auteur, comme une date, un métier ou une fonction. Cela aide à donner plus de contexte à la citation et à renforcer sa crédibilité.
Ajout d'une image
“Image“ : Intégrer une photo de l'auteur à côté ou sous la citation pour personnaliser l'affichage et renforcer l'impact visuel. Cela aide à humaniser la citation et à créer un lien visuel avec l'ajout de l'image.
Versions avec et sans bordure
- Version avec bordure : Une bordure encadre la citation pour mettre en avant le contenu.
- Version sans bordure : Sans encadrement, intégrée de manière plus fluide au reste du contenu.
Tailles
- Version “small“ : Utilisée pour des citations brèves, idéale pour les mises en page avec un contenu dense.
- Version “large” : Convient aux citations plus longues ou lorsque l’on souhaite accorder plus d’importance à la citation sur la page.