JSFiddle - React, Tailwind, and code Playground

by Pavel Savushchyk

HTML

<script type='text/javascript' src="http://localhost:8080/jrs3/client/visualize.js?_opt=false"></script>

<div id="container"></div>

<div  id="hint" >
    <span>Selection: </span>
    <strong id='output'></strong>
</div>

CSS

#container {
    width:400px;
}

#hint {
   display:none
}

JavaScript

visualize({
    auth: {
        name: "superuser",
        password: "superuser"
    }
}, function (v) {
    v.inputControls({
        container: "#container",
        resource: "/public/viz/InputControl/Cascading_multi_select_topic",
        error: function (err) {
            console.log(err);
        },
        events: {
            change : function(params) {
                //$("#hint").show(); 
                //$("#output").text(params['ProductFamily'].join(', '));
                console.log(params);
            }
        }
    });
});