JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<script src="https://rawgit.com/jaz303/tipsy/master/src/javascripts/jquery.tipsy.js"></script>
<link rel="stylesheet" href="https://rawgit.com/jaz303/tipsy/master/src/stylesheets/tipsy.css">
<input id="tip" type="text">
    
<a href="">hide</a>

JavaScript

$("#tip").on("change", function(){
    var t = $(this).val();
    if($(this).hasClass("hasTipsy")){
        $(this).attr("original-title", t);
        //$(this).attr("title", t);
        //$(this).tipsy({title: t});
    }else{
        $(this).attr("original-title", t);
        $(this).tipsy({
            gravity: "n",
            html: true,
            trigger: "manual",
            opacity: 1,
            offset: 19
        });
        $(this).addClass("hasTipsy");
    }
    
    $(this).tipsy("show");
    
});

$("a").click(function(e){
    e.preventDefault();
    $("#tip").tipsy("hide");
});