I am using ReactJS/TS with MUI (Material-UI), and I need to implement a vertical slider where the label turns to the right. By default, in MUI, the label is on the left when using a vertical slider. I’ve gone through the API documentation but couldn’t find a way to adjust the label to appear on the right instead of the left.

I tried using a custom label, but it utilizes the tooltip component, which doesn’t look good when dragged extensively. The tooltip causes the label to flicker because it is re-rendering frequently.

Here is an image of the current slider setup:

How can I adjust the label to be on the right side without the flickering issue?

Thanks for your help!