JSFiddle - React, Tailwind, and code Playground

by adamschwartz

CSS

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.dialog.js"></script>
<link href="http://github.hubspot.com/vex/css/vex.css" rel="stylesheet" />
<link href="http://github.hubspot.com/vex/css/vex-theme-default.css" rel="stylesheet" />
<style>
.vex-theme-default-hidden {
    visibility: hidden
}

JavaScript

var hiddenClass = 'vex-theme-default-hidden';

vex.dialog.alert({
    className: 'vex-theme-default ' + hiddenClass,
    message: 'Message...'
});

setTimeout(function(){
    document.querySelector('.' + hiddenClass).classList.remove(hiddenClass)
}, 3000);