JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://refreshless.com/nouislider/source/distribute/jquery.nouislider.min.css">
<script src="http://static.tek.no/3rdparty/noUiSlider-7.0.9/jquery.nouislider.min.js"></script>
<script src="http://static.tek.no/3rdparty/noUiSlider-7.0.9/jquery.liblink.js"></script>
<script src="http://static.tek.no/3rdparty/noUiSlider-7.0.9/wNumb.min.js"></script>
<div id="slider"></div>
<input>

JavaScript

$('#slider').noUiSlider({
	start: 2900,
	step: 100,
	connect: "lower",
	format: wNumb({ decimals: 0 }),
	range: {
	'min': 0,
	'max': 3400
	}
}).Link().to($('input'));