JSFiddle - React, Tailwind, and code Playground

HTML

<div>Click on button to see the Legend</div>

<button id="example" class="btn btn-warning" data-toggle="popover" rel="popover">Legend
</button>

CSS

.popover{
    
    width:100%;
}

JavaScript

$(function () {
    $('#example').popover(
        {'placement':'bottom',
         'content':"<img src=\"http://www.hopkinsmn.com/about/img/map-legend.gif\" alt=\"legend\" style='width:100%' >",
         'title':'Popup Test',
         'html':true
        }
    );
});