JSFiddle - React, Tailwind, and code Playground

dojox.widget.Wizard example

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/dojox/widget/Wizard/Wizard.css">
<div dojoType="dijit.layout.BorderContainer" style="height: 100%;">
    <div dojoType="dijit.layout.ContentPane" region="left">
        <button dojoType="dijit.form.Button" type="button" onClick="addWizard();">heeeere wizard, wizard, wizard...</button>
    </div>
    <div dojoType="dijit.layout.StackContainer" id="stack" region="center">
        <div dojoType="dijit.layout.ContentPane">I has a contentpane</div>
    </div>
</div>

CSS

html, body {
    height: 100%;
}

JavaScript

dojo.require('dijit.layout.ContentPane');
dojo.require('dijit.layout.StackContainer');
dojo.require('dijit.layout.BorderContainer');
dojo.require('dijit.form.Button');
dojo.require('dojox.widget.Wizard');

function addWizard() {
    var 
        stack = dijit.byId('stack'),
        cp = new dijit.layout.ContentPane({
        content: '<div  dojoType="dojox.widget.Wizard"><div data-dojo-type="dojox/widget/WizardPane">step 1</div><div  data-dojo-type="dojox/widget/WizardPane">stpe 2</div></div>'
    });
    stack.addChild(cp);
    stack.selectChild(cp);
}