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

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

Données

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

Résultat

Données

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

Résultat