JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<a href="#" title="A tooltip.">Tooltip</a>

CSS

label {
  display: inline-block;
  width: 5em;
}

.ui-helper-hidden-accessible{
  overflow: visible;
  clip: auto; */
}

.ui-helper-hidden-accessible *{
  display: block!important;
}

JavaScript

$(document).tooltip();