title: Disable click on Slider Component
body: <p>I am trying to replicate this type of functionality using React and Material UI components:</p>
  <p><a href="https://codepen.io/imoskvin/pen/yOXqvO?editors=0010" rel="nofollow noreferrer">https://codepen.io/imoskvin/pen/yOXqvO?editors=0010</a></p>
  <pre><code>..
  ..
  ..
  ..
  </code></pre>
  <p>I decided to go with the Slider Component from Material UI to help me with this and this is the code I have so far:
  <a href="https://codesandbox.io/s/material-demo-forked-jb2bw?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-forked-jb2bw?fontsize=14&amp;hidenavigation=1&amp;theme=dark</a></p>
  <p>However, the functionality of clicking to advance the Slider is still included and I would like to disable this. Is there anyway I can do this easily? I checked and there does not seem to be a prop for this according to the docs. If anyone could help me with this, I would greatly appreciate it.</p>
  <p><a href="https://material-ui.com/components/slider/" rel="nofollow noreferrer">https://material-ui.com/components/slider/</a></p>