JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="1160.58" height="2615.8999999999996" viewBox="0, 0, 1160.58, 2615.8999999999996
">
            <clipPath id="clipPath">
                <rect x="0" y="0" width="1160.58" height="2615.8999999999996" rx="5" ry="5" />
            </clipPath>
            
            <g clip-path="url(#clipPath)">
                <!-- header -->
                
        <svg x="0" y="0" width="1160.58" height="30"  font-family="monospace" font-size="14">
            <rect x="0" y="0" width="1160.58" height="30" fill="#E0E0E0" />
            <g>
                <circle cx="25" cy="15" r="7" fill="#FF605F" />
                <circle cx="50" cy="15" r="7" fill="#FCBC42" />
                <circle cx="75" cy="15" r="7" fill="#0ACA4E" />
            </g>
            
            <text x="50%" y="19" fill="#666666" font-weigh="bold" text-anchor="middle">RUNNING DART CODE</text>
        </svg>
    

                <!-- body -->
                <svg x="0" y="30" width="1160.58" height="2342.45"  font-family="monospace" font-size="14"><g fill="#9ba2b2"><rect x="0" y="0" width="1160.58" height="2342.45" fill="#1e2027"/><text x="46.8" y="34.55" fill="#585f6d">  1 : </text><text x="80.41" y="34.55" fill="#585f6d">/**</text><text x="46.8" y="53.55" fill="#585f6d">  2 : </text><text x="88.81" y="53.55" fill="#585f6d"> * @source: https://github.com/thatisuday/dart-getting-started-guide</text><text x="46.8" y="72.55" fill="#585f6d">  3 : </text><text x="88.81" y="72.55" fill="#585f6d"> * @author: Uday Hiwarale &#x3C;</text><text x="307.25" y="72.55" fill="#4d89c4">[email protected]</text><text x="475.27" y="72.55" fill="#585f6d">&#x3E;</text><text x="46.8" y="91.55" fill="#585f6d">  4 : </text><text x="88.81" y="91.55" fill="#585f6d"> * A Dart class can inherit instance variables and instance methods of another class.</text><text x="46.8" y="110.55" fill="#585f6d">  5 : </text><text x="88.81" y="110.55" fill="#585f6d"> * Using &#x60;extend&#x60;...