JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/danillos/tinyalert/raw/master/Source/tiny_alert.js"></script>
<link rel="stylesheet" href="http://github.com/danillos/tinyalert/raw/master/Source/tiny_alert.css">
<h1>TinyAlert (Your skin name)</h1><br>

<h2>How to:</h2>
<br><p>
1. Modify your css<br>
2. Click on [+] Fork<br>
3. Copy share link<br>
4. Paste your share link in comment <a href="http://www.danillocesar.com.br/2-tinyalert-12">here</a>
</p><br><br>

<a id="test" href="#">SKIN TEST RUN</a>

<br><br>
by <a href="#site/twitter">your name</a>

CSS

/* Skin name */
#tinyalert > div.skinName {
    background-color:#FAE29A;
    border: 1px solid #FFCD50;
}

#tinyalert > div.skinName > span.tatitle{
    color:#251F21;
}

#tinyalert > div.skinName > span.tamsg{
    color:#251F21;
}

JavaScript

window.addEvent('domready',function(){
    
    $('test').addEvent('click',function(e){
        var b = new TinyAlert({skin:'skinName'});
        b.show('New Message!','Check your inbox to read.');
        e.stop();
    });
    
    
});