JSFiddle - React, Tailwind, and code Playground

by godfrzero

HTML

<script src="https://documenter-beta.getpostman.com/js/dependencies/jquery.min.js"></script>
<script src="https://documenter-beta.getpostman.com/js/bootstrap.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://documenter-beta.getpostman.com/styles/dependencies/bootstrap.min.css">
<button data-title="Upgrade to cloud and share docs outside your team publicly by publishing them. <a href='{{@root.services.app}}/pay/select-plan?plan=sync-annual-base&quantity=2&action=plan-upgrade' target='_blank'>Upgrade Now</a>">Button</button>

JavaScript

$(function () {
  var options = {
    html: true,
    placement: 'bottom',
    trigger: 'click',
    template: '<div class="tooltip tt-block-publish" role="tooltip">' +
    '<div class="tooltip-arrow"></div>' +
    '<div class="tooltip-inner"></div></div>'
  };

	$('button').tooltip(options);
});