JSFiddle - React, Tailwind, and code Playground

by Kulgar

HTML

<body>
    <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button>
</body>

CSS

body{
    position: relative;
    font-size: 1em;
    line-height: 1.4;
	color: #000;
	font-weight: 300;
	background: #e3e3e3;
	overflow-x: hidden;
    top: 10px;
}

#copy-button{
    cursor: pointer;
}

.global-zeroclipboard-container{
    cursor: progress !important;
    background: white;
}

JavaScript

/*!
 * ZeroClipboard
 * The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
 * Copyright (c) 2014 Jon Rohan, James M. Greene
 * Licensed MIT
 * http://zeroclipboard.org/
 * v2.2.0-beta.2
 */
!function(a,b){"use strict";var c,d,e,f=a,g=f.document,h=f.navigator,i=f.setTimeout,j=f.clearTimeout,k=f.encodeURIComponent,l=f.ActiveXObject,m=f.Error,n=f.Number.parseInt||f.parseInt,o=f.Number.parseFloat||f.parseFloat,p=f.Number.isNaN||f.isNaN,q=f.Date.now,r=f.Object.keys,s=f.Object.defineProperty,t=f.Object.prototype.hasOwnProperty,u=f.Array.prototype.slice,v=function(){var a=function(a){return a};if("function"==typeof f.wrap&&"function"==typeof f.unwrap)try{var b=g.createElement("div"),c=f.unwrap(b);1===b.nodeType&&c&&1===c.nodeType&&(a=f.unwrap)}catch(d){}return a}(),w=function(a){return u.call(a,0)},x=function(){var a,c,d,e,f,g,h=w(arguments),i=h[0]||{};for(a=1,c=h.length;c>a;a++)if(null!=(d=h[a]))for(e in d)t.call(d,e)&&(f=i[e],g=d[e],i!==g&&g!==b&&(i[e]=g));return i},y=function(a){var b,c,d,e;if("object"!=typeof a||null==a)b=a;else if("number"==typeof a.length)for(b=[],c=0,d=a.length;d>c;c++)t.call(a,c)&&(b[c]=y(a[c]));else{b={};for(e in a)t.call(a,e)&&(b[e]=y(a[e]))}return b},z=function(a,b){for(var c={},d=0,e=b.length;e>d;d++)b[d]in a&&(c[b[d]]=a[b[d]]);return c},A=function(a,b){var c={};for(var d in a)-1===b.indexOf(d)&&(c[d]=a[d]);return c},B=function(a){if(a)for(var b in a)t.call(a,b)&&delete a[b];return a},C=function(a,b){if(a&&1===a.nodeType&&a.ownerDocument&&b&&(1===b.nodeType&&b.ownerDocument&&b.ownerDocument===a.ownerDocument||9===b.nodeType&&!b.ownerDocument&&b===a.ownerDocument))do{if(a===b)return!0;a=a.parentNode}while(a);return!1},D=function(a){var b;return"string"==typeof a&&a&&(b=a.split("#")[0].split("?")[0],b=a.slice(0,a.lastIndexOf("/")+1)),b},E=function(a){var b,c;return"string"==typeof a&&a&&(c=a.match(/^(?:|[^:@]*@|.+\)@(?=http[s]?|file)|.+?\s+(?: at...