JSFiddle - React, Tailwind, and code Playground

by jriggins

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/resources/dojo.css">
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"></script>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" type="text/javascript" djConfig="parseOnLoad: true"></script>
    </head>
    <body class="claro">
        <div id="contactForm" dojoType="dijit.layout.TabContainer">
            <div dojoType="dijit.layout.ContentPane" title="Contact">
                <label for="firstName">First Name:</label>
                <input dojoType="dijit.form.ValidationTextBox" required="true" 
                properCase="true"
                type="text" name="firstName" id="firstName"/><br/>
                <button id="saveForm">Save</button>
            </div>
        </div>
    </body>
</html>

CSS

#contactForm {
    height: 300px;
    width: 300px;
}

label {
    float: left;
}

JavaScript

dojo.require("dojo.parser");

dojo.require("dijit.form.ValidationTextBox");

dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");