JSFiddle - React, Tailwind, and code Playground

by RajamohanShilpa A

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="http://ethaizone.github.io/Bootstrap-Confirmation/assets/js/bootstrap-tooltip.js"></script>
<script src="http://ethaizone.github.io/Bootstrap-Confirmation/bootstrap-confirmation.js"></script>
<div class="maindiv">
    <button id="example">Click</button>
</div>

CSS

.maindiv {
    padding:40px;
}

JavaScript

(function () {
    $(document).ready(function () {
        var confirmYes = function () {
            alert('yes');
        };
        var confirmNo = function () {
            alert('No');
        };
        $("#example").confirmation({
            placement: "right",
            onConfirm: confirmYes,
            onCancel: confirmNo
        });
    });
})();