JSFiddle - React, Tailwind, and code Playground

HTML

<div class="noUi-target noUi-ltr noUi-horizontal" id="tap">
			</div>

JavaScript

var tapSlider = document.getElementById('tap');

noUiSlider.create(tapSlider, {
	start: 40,
	behaviour: 'tap',
	connect: [false, true],
	range: {
		'min':  0,
		'max':  180
	}
});