JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdrop.css" />

<button id="myButton">My Button</button>

CSS

*{text-align: center;}

JavaScript

tippy('#myButton', {
  content: "I'm a Tippy tooltip!",
   arrow: 'large',
});