JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<button title='tooltip text'>
test
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip text'>
d
</button>
<br>
<button title='some more tooltip...

CSS

body {
  height: 130%;
  background: gray;
}

button {
  height: 35px;
  margin-bottom: 10px;
}

.ui-tooltip {
  color: white;
  background: black
}

JavaScript

$('button').tooltip();