JSFiddle - React, Tailwind, and code Playground
by amindunited
HTML
<my-button>Hey</my-button>JavaScript
/**
SOF CORE
*/
var U, h, ne, C, X, _e, R, re, V, B, z, M = {}, oe = [], de = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, F = Array.isArray;
function k(t, e) {
for (var n in e) t[n] = e[n];
return t;
}
function q(t) {
t && t.parentNode && t.parentNode.removeChild(t);
}
function x(t, e, n) {
var r, i, _, l = {};
for (_ in e) _ == "key" ? r = e[_] : _ == "ref" ? i = e[_] : l[_] = e[_];
if (arguments.length > 2 && (l.children = arguments.length > 3 ? U.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (_ in t.defaultProps) l[_] === void 0 && (l[_] = t.defaultProps[_]);
return L(t, l, r, i, null);
}
function L(t, e, n, r, i) {
var _ = { type: t, props: e, key: n, ref: r, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++ne, __i: -1, __u: 0 };
return i == null && h.vnode != null && h.vnode(_), _;
}
function H(t) {
return t.children;
}
function N(t, e) {
this.props = t, this.context = e;
}
function P(t, e) {
if (e == null) return t.__ ? P(t.__, t.__i + 1) : null;
for (var n; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) return n.__e;
return typeof t.type == "function" ? P(t) : null;
}
function ie(t) {
var e, n;
if ((t = t.__) != null && t.__c != null) {
for (t.__e = t.__c.base = null, e = 0; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) {
t.__e = t.__c.base = n.__e;
break;
}
return ie(t);
}
}
function Y(t) {
(!t.__d && (t.__d = !0) && C.push(t) && !O.__r++ || X !== h.debounceRendering) && ((X = h.debounceRendering) || _e)(O);
}
function O() {
var t, e, n, r, i, _, l, s;
for (C.sort(R); t = C.shift(); ) t.__d && (e = C.length, r = void 0, _ = (i = (n = t).__v).__e, l = [], s = [], n.__P && ((r = k({}, i)).__v = i.__v + 1, h.vnode && h.vnode(r), G(n.__P, r, i, n.__n, n.__P.namespaceURI, 32 & i.__u ? [_] : null, l, _ ?? P(i), !!(32 & i.__u), s), r.__v = i.__v, r.__.__k[r.__i] =...