JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<span class="info-icon"
        data-title="custom title"
        data-desc="custom description">
</span>

CSS

.info-icon {
    display: block;
    
    width: 20px;
    height: 20px;
    
    margin: 20px;
    
    float: left;
    vertical-align: middle;
    
    background: green;
}

JavaScript

$( '.info-icon' ).tooltip({
        content: function() {
            return 'Title: ' + $( this ).data('title') +
                   ' Description: ' + $( this ).data('desc');
        }
    });