title: Material-UI Slider with discreet values only?
body: <p>I want to use Slider as a selector instead of a whole bunch of radio buttons. It just looks cleaner.
  I've got it working nicely, but the problem is that it always assumes I'm selecting on some kind of scale. If I pick a value in the middle, it highlights everything from the start, up to my selection point.  Problem is, each of my values are individual and not part of some increasing scale (i.e. imagine if the selection options were apple, banana, orange).</p>
  
  <p>At the following link, MUI's slider is like example #1. I need it to be like example #4.
  <a href="http://react-component.github.io/slider/examples/marks.html" rel="nofollow noreferrer">http://react-component.github.io/slider/examples/marks.html</a></p>
  
  <p>Is it possible? Or do I just need to use the slider from this other lib?</p>
  
  <p>Thanks</p>