title: How to make a input slider in React that shows incremental values?
body: <p>I currently have an input slider with this code:</p>
  <pre><code>    
                  &lt;input
                    id=&quot;typeinp&quot;
                    name=&quot;height&quot;
                    type=&quot;range&quot;
                    min=&quot;45&quot;
                    max=&quot;80&quot;
                    value={height}
                    valueLabelDisplay=&quot;auto&quot;
                    step=&quot;1&quot;
                    onChange={(e) =&gt; setHeight(e.target.value)}
                    aria-labelledby=&quot;discrete-slider-custom&quot;
                    style={sliderStyles}
                  /&gt;
  </code></pre>
  <p>But it doesn't show any values on the slider. So my question is, how can I get these increments on my slider like they are done here:</p>
  <p><a href="https://i.stack.imgur.com/y5Uej.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y5Uej.png" alt="Slider Example" /></a></p>
  <p>My slider currently looks like this: <a href="https://i.stack.imgur.com/oaueP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oaueP.png" alt="my slider" /></a></p>