JSFiddle - React, Tailwind, and code Playground

by DannyEnglander

HTML

<h2>General vars</h2>
<p>array(1) {</p>
<p>["vars"]=&gt; &amp;array(9) {</p>
<p>["element"]=&gt; array(18) {</p>
<p>["#theme"]=&gt; string(5) "field"</p>
<p>["#weight"]=&gt; int(-1)</p>
<p>["#title"]=&gt; string(5) "Image"</p>
<p>["#access"]=&gt; bool(true)</p>
<p>["#label_display"]=&gt; string(6) "hidden"</p>
<p>["#view_mode"]=&gt; string(6) "teaser"</p>
<p>["#language"]=&gt; string(3) "und"</p>
<p>["#field_name"]=&gt; string(11) "field_image"</p>
<p>["#field_type"]=&gt; string(5) "image"</p>
<p>["#field_translatable"]=&gt; string(1) "0"</p>
<p>["#entity_type"]=&gt; string(4) "node"</p>
<p>["#bundle"]=&gt; string(7) "article"</p>
<p>["#object"]=&gt; object(stdClass)#161 (35) {</p>
<p>["vid"]=&gt; string(2) "20" ["uid"]=&gt; string(1) "9"</p>
<p>["title"]=&gt; string(12) "Frankenstein"</p>
<p>["log"]=&gt; string(0) ""</p>
<p>["status"]=&gt; string(1) "1"</p>
<p>["comment"]=&gt; string(1) "2"</p>
<p>["promote"]=&gt; string(1) "1"</p>
<p>["sticky"]=&gt; string(1) "0"</p>
<p>["nid"]=&gt; string(2) "18"</p>
<p>["type"]=&gt; string(7) "article"</p>
<p>["language"]=&gt; string(3) "und"</p>
<p>["created"]=&gt; string(10) "1353023457"</p>
<p>["changed"]=&gt; string(10) "1353718744"</p>
<p>["tnid"]=&gt; string(1) "0"</p>
<p>["translate"]=&gt; string(1) "0"</p>
<p>["revision_timestamp"]=&gt; string(10) "1353718744"</p>
<p>["revision_uid"]=&gt; string(1) "1"</p>
<p>["body"]=&gt; array(1) {</p>
<p>["und"]=&gt; array(1) { [0]=&gt; array(5) {</p>
<p>["value"]=&gt; string(1682)</p>

    <h2>image vars</h2>    
    <p>["field_image"]=&gt; array(1) {</p>
<p>["und"]=&gt; array(1) { [0]=&gt; array(14) {</p>
<p>["fid"]=&gt; string(2) "41"</p>
<p>["alt"]=&gt; string(17) "A beautiful photo"</p>
<p>["title"]=&gt; string(0) ""</p>
<p>["width"]=&gt; string(3) "900"</p>
<p>["height"]=&gt; string(3) "600"</p>
<p>["uid"]=&gt; string(1) "1"</p>
<p>["filename"]=&gt; string(17) "IMG_6121-Edit.jpg"</p>
<p>["uri"]=&gt; string(38) "public://field/image/IMG_6121-Edit.jpg"</p>
<p>["filemime"]=&gt;...