JSFiddle - React, Tailwind, and code Playground

by Gonzalo

HTML

<div class="tooltipWrapperSup">
	<div class="tooltipOuterSup">
		<div class="tooltipInnerSup"><div id="closeToolTip" class="btnClose" onclick="<%= click %>"></div><h1 class="tooltipTitle">List of Suppliers</h1></div>
		
	</div>
	<div class="tooltipSup">
		<ul>
			<% _.each(data.markers, function(marker){ var x= marker.data.supplierName.replace("'","&#92;&#39;"); %>
				<li onclick="_xaction({supplierName:'<%= x %>', countryName:'<%= marker.data.countryName %>', numOfSuppliers:'<%= marker.data.numOfSuppliers %>', address:'<%= marker.data.info.address %>', contact:'<%= marker.data.info.contact %>'})"><%= marker.data.supplierName %></li>													
			<% }); %>
		</ul>
	</div>
	<div class="tooltipTick"></div>
</div>