| Info |
|---|
Ce composant est disponible depuis la dernière version (1.1.0). |
...
| Table of Contents | ||||
|---|---|---|---|---|
|
Structure
La citation est composée des éléments suivants :
...
Pour la citation avec illustration, l’image est affichée en dessous le texte de la citation.
...
Règles d’utilisation
Pour le texte de la citation, il faut intégrer au début et à la fin des guillemets avec des espaces insécables.
Pour la source, un ouvrage doit obligatoirement ĂŞtre en italique.
Des champs détails non précisés sont prévus pour d’autres information, par exemple : édition, collection, date, ville, la fonction ou titre de l’auteur. Pour indiquer une URL dans ce champ, ajouter un soulignement pour en faire un lien.
Deux citations ne peuvent se suivre directement.
...
Une citation n’est pas limité en nombre de caractère, tant qu’elle est correctement “sourcée”, il convient cependant de ne pas excéder une taille trop importante pour éviter que le bloc ne prenne trop de place, notamment en mobile.
Pour rappel, les citations courtes d’une oeuvre publiée sont autorisées et encadrées en France par le Code de la Propriété Intellectuelle et plus précisément l'article L122-5.
Personnalisation
Certains éléments du composant sont optionnels, voir sa structure.
Couleurs d’accent
L'élément Icône peut utiliser les couleurs illustratives :
Élément | Valeur par défaut | Valeur(s) autorisée(s) | |
|---|---|---|---|
Token | Classe css | ||
Fond | $artwork-minor-blue-france Correspondance : | $[couleur]-main (thèmes clair / sombre) exemples : | .fr-quote--[couleur]
|
...
Voir l’ensemble des couleurs illustratives à disposition
Besoin d’aide ?
L'Ă©quipe du DSFR est lĂ pour vous aider.
Retrouvez-la sur :
la communauté slackpour poser vos questions, et échanger avec d’autres utilisateurs.
Vous êtes agent de l’État et souhaitez accéder au slack ? Rejoignez la communauté dès maintenant !le centre de supportpour envoyer vos demandes de correctifs et d'évolution.