JSFiddle - React, Tailwind, and code Playground

by harshavarma

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css">
<div id="slider_ctrl"></div><br><br>
<button id="btn">Turn the above div into a slider</button>

CSS

body {
    padding: 20px;
}

#slider_ctrl {
    width: 400px;
    height: 15px;
    background: #cccccc;
}

JavaScript

$(function() {
    $('#btn').click(function() {
        $('#slider_ctrl').slider();
    });
});