JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<script src="https://rawgithub.com/enyo/opentip/master/lib/opentip.js"></script>
<script src="https://rawgithub.com/enyo/opentip/master/lib/adapter-jquery.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/sarathsprakash/opentip/master/css/opentip.css">
<a href="#" id="trigger-element" style="position:absolute">hello</a>

CSS

.myStyle {
    background:red;
}

JavaScript

var tip = new Opentip("#trigger-element",{
    target: "#trigger-element",
    tipJoint: "bottom center",
    containInViewport: true,
    stem: true,
    stemLength: 6,
    stemBase: 8,
    cache: false,
    style:"glass",
    ajax:"/echo/html",
    background:"#bd2c00",
    targetJoint: null,
    target: true,
});