JSFiddle - React, Tailwind, and code Playground

by justin0022

HTML

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>emoji-feedback</title>
</head>

<body>
  <div id="entry"></div>
</html>

JavaScript

!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.emojiFeedback=n():e.emojiFeedback=n()}(this,function(){return function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:o})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)t.d(o,r,function(n){return e[n]}.bind(null,r));return o},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=5)}([function(e,n,t){var o=t(1);"string"==typeof o&&(o=[[e.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};t(3)(o,r);o.locals&&(e.exports=o.locals)},function(e,n,t){(e.exports=t(2)(!1)).push([e.i,".button {\n  text-align: center;\n  background-color: white;\n  border: 1px solid #c8d6e5;\n  -webkit-transition-duration: 0.1s;\n  transition-duration: 0.1s;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.button:hover {\n  border: 1px solid #0abde3;\n}\n\n.active {\n  background-color: #0abde3;\n  font-style: bold;\n}\n\nspan.emoji {\n  font-size: 30px;\n}\n\n.hidden {\n  display: none;\n}\n\n.feedback-form {\n  grid-row: row 4;\n  grid-column: col / span 6;\n  -webkit-animation: slide-down .3s ease-out;\n  -moz-animation: slide-down .3s ease-out;\n}\n\n.feedback-submitted-message {\n  display: grid;\n  grid-gap: 2px;\n  width:...