JSFiddle - React, Tailwind, and code Playground

by cwarden

HTML

<div class="bookmarklet">
  <a href="javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement(&quot;script&quot;);c.type=&quot;text/javascript&quot;;c.src=&quot;//ajax.googleapis.com/ajax/libs/jquery/&quot;+g+&quot;/jquery.min.js&quot;;c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d==&quot;loaded&quot;||d==&quot;complete&quot;)){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,&quot;1.8.3&quot;,function($,L){(function() {  if ($('.dataRow:hidden').length) {   $('.dataRow').show();  } else {   $('.dataRow').hide();   $('.dataRow td:nth-child(7):empty').add('.dataRow td:nth-child(7):contains(&quot;N/A&quot;)').parent(':has(td:nth-child(8):empty)').show();  }})()});">Toggle New Component</a>
  <div style="clear:both;"></div>
</div>
<p>(drag this to your bookmarks bar or right-click and add to bookmarks)</p>

<p>HT: <a href="http://benalman.com/code/test/jquery-run-code-bookmarklet/">Ben Alman's bookmarklet generator</a>.</p>

CSS

.bookmarklet {
  padding-bottom: 0.6em;
}

.bookmarklet a {
  display: block;
  color: #0a0;
  border: 2px solid #0a0;
  background: #afa;
  font-size: 150%;
  font-weight: 700;
  text-decoration: none;
  padding: 0.1em 0.5em;
  float: left;
}

.bookmarklet a:hover {
  color: #afa;
  border-color: #595;
  background: #0a0;
}