JSFiddle - React, Tailwind, and code Playground

by Sunny Sharma

HTML

<link rel="stylesheet" href="http://labs.voronianski.com/jquery.avgrund.js/avgrund.css">
<script src="http://labs.voronianski.com/media/js/jquery.avgrund.js"></script>
<div class="buttons">
        <a href="#" id="show" class="button left">Show it</a>
    </div>

JavaScript

$(function() {
        $('#show').avgrund({
            height: 200,
            holderClass: 'custom',
            showClose: true,
            showCloseText: 'Close',
            enableStackAnimation: true,
            onBlurContainer: '.container',
            template: '<p>So implement your design ' +
            'and place content here! If you want to ' +
            'close modal, please hit "Esc", click ' +
            'somewhere on the screen or use special ' +
            'button.</p>'
        });
    });