import TooltipJS from "../../dist/tooltipjs.es.js";
      //Association d'un tooltip par code
      TooltipJS.addTooltip(document.querySelector("input"), "Veuillez inscrire votre identifiant", 0, "tooltip", { x: 5, y: -4 }, {}, true, true, 2500);
    

      <h1>TooltipJS, Exemples d'utilisation</h1>
      <h2>Par balise</h2>
      <h3>Fixe, style sur mesure, caché au clic, caché après un délai</h3>
      <input type="text" placeholder="Ceci est un champs de formulaire">
      <h3>Conteneur html sur mesure</h3>
      <div class="div" data-tooltiptext="Ceci est un texte dynamique" data-htmltemplate=".tip">
        Ceci est un texte
        <select name id>
          <option value>option</option>
        </select>
      </div>
      <h2>Par code</h2>
      <h3>Valeurs par défaut</h3>
      <!-- Association d'un tooltip avec une balise html dans la page -->
      <button data-tooltiptext="Ceci est un tooltip par défaut">Ceci est un bouton</button>
      <br><br><br>
      <!-- tilisation d'un contenur html sur mesure -->
      <div class="tip">
        <h1 class="tooltip-label">Label</h1>
        <p>Ceci est un texte non dynamique</p>
        <img src="https://media.wired.com/photos/5b3335489bc3f356f4058be2/master/w_1600%2Cc_limit/DancingBaby.gif" alt>
      </div>