JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<div id="sendFeedback" class="feedback with-round-borders with-padding with-box-shadows">Send us your feedback<span id="closeFeedback" class="ui-icon ui-icon-circle-close" style="float:right">X</span></div>

CSS

.feedback {
 background-color: black;
 width: 400px;
 height: 20px;
 color: white;
 font-weight:bold;
 opacity: 0.7;
 position: fixed;
 bottom: 1em;
 right: 1em;
}

JavaScript

$(document).ready(function() {
 $("#sendFeedback").click(function() {
   alert('test');
 });
$("#closeFeedback").click(function(event) {
    event.stopPropagation();
 $("#sendFeedback").fadeOut();
})
});