JSFiddle - React, Tailwind, and code Playground

by Maykhel David

HTML

<div id="wrapper">
    
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip di sebelah kiri">Tooltip di sebelah kiri</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip sebelah atas">Tooltip sebelah atas</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip sebelah bawah">Tooltip sebelah bawah</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip sebelah kanan">Tooltip sebelah kanan</button>
    
</div>

CSS

#wrapper {margin:40px 200px}

JavaScript

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})