Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Ce composant est disponible depuis la dernière version (1.1.0).
Nous sommes attentifs à vos retours afin de pouvoir apporter des corrections si nécessaire.
Soyez vigilant quand Ă  son utilisation en production !

...

Table of Contents
maxLevel3
minLevel21

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 :
Thème clair et sombre =
$blue-france-main-525

$[couleur]-main (thèmes clair / sombre)

exemples :
$green-emeraude-main-632
$brown-caramel-main-648

.fr-quote--[couleur]

.fr-quote--green-emeraude
.fr-quote--brown-caramel

...

Voir l’ensemble des couleurs illustratives à disposition


Besoin d’aide ?

L'Ă©quipe du DSFR est lĂ  pour vous aider.
Retrouvez-la sur :