JSFiddle - React, Tailwind, and code Playground

by fuggfuggfugg

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css">
<div data-rel="mini-confirm"></div>

JavaScript

(function ($) {
    $.fn.miniConfirm = function (options) {
        // Establish our default settings
        var settings = $.extend({
            defaultMessage: ''
            confirmMessage: 'Sure?',
            fontSize: '11px',
            confirmYes: null
        }, options);

        return this.each(function () {
            $(this).text(settings.confirmText);

            if ($.isFunction(settings.confirmYes)) {
                settings.confirmYes.call(this);
            }

        });
    }
}(jQuery));

$(document).ready(function () {
    $("[data-rel='mini-confirm']").miniConfirm();
});