JSFiddle - React, Tailwind, and code Playground

HTML

<button class="medium blue show" box="createUser">Создать</button>
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь...

CSS

#bg {
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    background:black;
    display:none;
    z-index:601; /* так получилось, что у меню в KickStart стоит z-index 600 */
    opacity:0.3;
}

.hiddenBlock {
    position:absolute;
    margin: 0 auto;
    top:20%;
    left:50%;
    z-index:602;
    width:400px;
    background:#efefef;
    border: 1px solid #ccc;
    padding:10px 20px;
    border-radius:10px;
    margin-left:-210px;
    display:none;
}

JavaScript

$(document).ready(function(){
    $(".show").click(function(){
        $("#bg").show();
        $("#"+($(this).attr("box"))).slideDown("fast");
    });
    $(".close").click(function(){
        $("#bg").hide();
        $(".hiddenBlock").slideUp("fast");
        return false; //чтобы не активировалась форма, в которой кнопка закрытия
    })
});