Infobulle

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

data_dict = {
    "content": "Content of the tooltip",
    "label": "(optional) Label of the link item",
    "is_clickable": "(optional) Boolean indicating if this is a button",
    "id": "(optional) Id of the item",
}

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

Tag name: dsfr_tooltip

Usage: {% dsfr_tooltip data_dict %}

Exemples

Exemple 1

{'content': 'Contenu d’une infobule activée au survol', 'label': 'Libellé du lien'}

Exemple 2

{'content': 'Contenu d’une infobule cliquable', 'is_clickable': True, 'id': 'tooltip-b'}