JSFiddle - React, Tailwind, and code Playground

by mubarakpasha

HTML

<a href="#" data-toggle="tooltip" data-placement="bottom"
       title="" data-original-title="Tooltip on bottom"
       class="red-tooltip">Tooltip on bottom</a>

<br/>
<br/>
<br/>
<a href="#" data-toggle="tooltip" data-placement="top"
       title="" data-original-title="Tooltip on top"
       class="red-tooltip">Tooltip on bottom</a>

CSS

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }

JavaScript

$(document).ready(function(){
    $("a").tooltip();
});