Citation

• Voir la page de documentation du composant sur le Système de Design de l’État Ouvre une nouvelle fenêtre
• Voir la page d’exemple du Système de Design de l’État Ouvre une nouvelle fenêtre
• Voir la page du composant sur Storybook Ouvre une nouvelle fenêtre

Documentation du tag

Returns a quote item. Takes a dict as parameter, with the following structure:

data_dict = {
    "text": "Text of the quote",
    "source_url": "(Optional) URL of the source of the quote",
    "author": "(Optional) The author of the quote",
    "source": "(Optional) The name of the source of the quote",
    "details": "(Optional) A list containing detail dicts",
    "image_url": "(Optional) URL of an illustrative image",
    "extra_classes": "(Optional) string with names of extra classes"
}

The details dict entries have a mandatory text key and an optional link key.

All of the keys of the dict can be passed directly as named parameters of the tag.

Relevant extra_classes:

• Color classes (See the list), for example fr-quote--green-emeraude

Tag name: dsfr_quote

Usage: {% dsfr_quote data_dict %}

Exemples

Exemple 1

{'text': 'Citation très basique, sans aucun des champs optionnels.'}

Exemple 2

{'text': 'Développer vos sites et applications en utilisant des composants prêts à l’emploi, accessibles et ergonomiques', 'source_url': 'https://www.systeme-de-design.gouv.fr/', 'author': 'Auteur', 'source': "Système de Design de l'État", 'details': [{'text': 'Détail sans lien'}, {'text': 'Détail avec lien', 'link': 'https://template.incubateur.net/'}], 'image_url': '/django-dsfr/static/img/placeholder.1x1.svg', 'extra_classes': 'fr-quote--green-emeraude'}