JSFiddle - React, Tailwind, and code Playground

HTML

Gender:<br>

<div>Boi</div><div id="gender"></div><div>Fem</div>

CSS

#gender { display: inline-block;width: 65%; }
div { float: left; margin:20px}

JavaScript

$("#gender").slider({min:0,max:100,value:50});