Lien

• 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 link item. Takes a dict as parameter, with the following structure:

data_dict = {
    "url": "URL of the link item",
    "label": "Label of the link item",
    "is_external": "(Optional) Indicate if the link is external",
    "extra_classes": "(Optional) string with names of extra classes"
}

Relevant extra_classes:

• fr-link--icon-left or fr-link--icon-right with an icon class
• fr-link--sm for small links
• fr-link--lg for large links

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

Tag name: dsfr_link

Usage: {% dsfr_link data_dict %}

Exemples

Exemple 1

{'label': 'Lien interne', 'url': '/django-dsfr/components/link/'}

Exemple 2

{'extra_classes': 'fr-link--lg',
 'is_external': True,
 'label': 'Lien externe, large',
 'url': 'https://www.systeme-de-design.gouv.fr/'}

Exemple 3

{'extra_classes': 'fr-icon-arrow-right-line fr-link--icon-right fr-link--sm',
 'is_external': False,
 'label': 'Petit lien interne avec flèche',
 'url': '/django-dsfr/components/link/'}

Exemple 4

{'extra_classes': 'fr-link--download',
 'label': 'Lien de téléchargement',
 'url': '/django-dsfr/components/link/'}