JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<div id="dialog">
    <ul>
        <li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li>
    </ul>
</div>
<div id="dialog2">
    <ul>
        <li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li><li>Test</li>
    </ul>    
</div>

JavaScript

$(function() {
    $( "#dialog" ).dialog({
        position: [25, 25],
        width: 200,
        height: 150
        
    });
    $( "#dialog2" ).dialog({
        position: [250, 25],
        width: 200,
        height: 150
    });
});