Documentation

Dépendance Javacript :

src/app/assets/scripts/vendor/floating-ui-core@1.2.6.min.js
src/app/assets/scripts/vendor/floating-ui-dom@1.2.7.min.js
src/app/assets/scripts/local/dbm.tooltip.js

Elements obligatoire

Il faut que l'élément déclenchant l'affichage de la Tooltip dispose de la class tooltipButton

Il faut que le contenu de la Tooltip dispose de la class tooltipContent

Il faut que ces deux éléments soient dans un containeur avec la class js-tooltip

Ajout d'un événement si le contenu est injecté

Si la Tooltip est dans un élément qui est injecté par la suite, il faut ajouter l'événement ci-dessous quand le contenu où est présente la Tooltip est chargé

document.dispatchEvent(new CustomEvent('REFRESH_TOOLTIP'))

Tooltip

Refresh Tooltip

Preview

Test/Titre/Etc... i
Contenu de la Tooltip

Balisage


                
                    <div class="js-tooltip">
                        <div>Test/Titre/Etc... <span class="tooltipButton">i<i class="c-fonticon__icon-info"></i></span></div>
                        <div class="tooltipContent">Contenu de la Tooltip </div>
                    </div>