JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<body class="claro">
 <div data-dojo-id="myStore" data-dojo-type="dojo/store/Memory"
    data-dojo-props="data: [
        { name: 'Alabama', id: 'AL' },
        { name: 'Alaska', id: 'AK' },
        { name: 'Arizona', id: 'AZ' },
        { name: 'California', id: 'CA' },
        { name: 'Colorado', id: 'CO' },
        { name: 'Connecticut', id: 'CT' },
        { name: 'New York', id: 'NY' }
    ]"></div>
<select id="mySelect" name="state" value="CA"
    data-dojo-type="dijit/form/FilteringSelect"
    data-dojo-props="searchAttr: 'name', store: myStore"></select>
</body>

JavaScript

// Declarative Dijit components
// https://dojotoolkit.org/documentation/tutorials/1.10/declarative/
require([
			"dojo/parser",
			"dojo/store/Memory",
			"dijit/form/FilteringSelect",
			"dojo/domReady!"
		], function(parser){
			parser.parse();
		});