JSFiddle - React, Tailwind, and code Playground

by wvega

HTML

<h1>JSFiddle Shortcode</h1>

<h2>Usage:</h2>
<p><code>[jsfiddle url="https://jsfiddle.net/wvega/UupFu/" height="300px" include="result,html,js,css" font-color="39464E" menu-background-color="FFFFFF" code-background-color="f3f5f6" accent-color="1C90F3"]</code><br /></p>

<h2>Result:</h2>
<p><code>&lt;iframe style=&quot;width: 100%; height: 300px&quot; src=&quot;https://jsfiddle.net/wvega/UupFu/embedded/result,html,js,css/?fontColor=39464E&amp;menuColor=FFFFFF&amp;bodyColor=f3f5f6&amp;accentColor=1C90F3&quot;&gt;&lt;/iframe&gt;</code></p>

CSS

body {
    padding: 20px;
}
h1, h2 {
    font-weight: bold;
    margin-bottom: 10px;
}
h1 {
    margin-bottom: 20px;
}
p {
    margin: 10px 0;
}