Tailwind CSS Range

				
					<div class="w-full">
 <label class="form-label mb-2" for="range_1">
  Example range
 </label>
 <input class="range" id="range_1" max="10" min="0" type="range" value="5"/>
</div>

				
			

				
					<div class="w-full">
 <label class="form-label mb-2" for="range_3">
  Example range
 </label>
 <input class="range" id="range_3" max="20" min="10" type="range" value="15"/>
</div>

				
			

				
					<div class="w-full">
 <label class="form-label mb-2" for="range_4">
  Example range
 </label>
 <input class="range" id="range_4" max="10" min="2" step="0.5" type="range" value="5"/>
</div>

				
			

				
					<div class="w-full">
 <label class="form-label mb-2" for="range_2">
  Example range
 </label>
 <input class="range" disabled="" id="range_2" max="10" min="0" type="range" value="5"/>
</div>