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:

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

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

Tag name: village_link

Usage: {% village_link data_dict %}

Exemples

Données

{'label': 'Lien interne', 'url': '/django_village/components/link/'}

Résultat

Données

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

Résultat

Données

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

Résultat

Données

{'extra_classes': 'village-link--download',
 'label': 'Lien de téléchargement',
 'url': '/django_village/components/link/'}

Résultat