JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="slider"></div>

CSS

body { 
    padding: 20px;
}
#slider {
    width: 200px;
}

JavaScript

$( '#slider' ).bind( 'slidecreate slide', function( e, ui ) {
    console.log(ui.value);    
}).slider({
    min: 0,
    max: 100,
    value: 10
});