JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<div id="my-element"></div>
<script src="https://embed.tonicdev.com"></script>
<script>
    var notebook = Tonic.createNotebook({
        // the parent element for the new notebook
        element: document.getElementById("my-element"),

        // specify the source of the notebook
        source: "var Kollavarsham = \ require('kollavarsham');\n\
var kollavarsham = new Kollavarsham();\n\
\n\
var today = new Date();\n\
console.log('Today is:');\n\
console.log(today);\n\
\n\
var todayInMalayalamEra = kollavarsham.fromGregorianDate(today);\n\
console.log('Today in Malayalam Era:');\n\
console.log(todayInMalayalamEra);\n",

        // optionally, set the notebook to be read-only
        readOnly: false,

        // optionally, provide a callback to be called when the notebook has finished loading
        onLoad: function() {}
    })
</script>