JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="https://rawgithub.com/ifnot/PopConfirm/master/jquery.popconfirm.js"></script>
<!-- Simple usage -->
<a href="http://ifnot.github.io/PopConfirm/" class="btn btn-success popconfirm">Simple go to PopConfirm</a>

<!-- Complete usage -->
<button class="btn btn-success popconfirm_full" data-toggle='confirmation' id="important_action">Full featured</button>

CSS

body>a, body>button {
    margin: 100px;
}

JavaScript

////////// Simple usage //////////
$(".popconfirm").popConfirm();

////////// Complete usage //////////

// (example jquery click event)
$('#important_action').click(function() {
    alert('You clicked, and valided this button !');
});

// Full featured example
$("[data-toggle='confirmation']").popConfirm({
    title: "Really ?",
    content: "I have warned you !",
    placement: "bottom" // (top, right, bottom, left)
});