MUI Rating component is rendering revert

Viewed 46

I am using MUI with react js. I have used this piece of code but it is not working properly. can anybody have a solution for this?

<Rating name="simple-controlled"/>

MUI Rating Component

enter image description here

1 Answers

I found a solution in the theme file, I just change my direction 'ltr' to 'rtl'.

const themeOptions: ThemeOptions = useMemo(
   () => ({
      palette: palette.light,
      typography,
      breakpoints,
      shape: { borderRadius: 8 },
      direction: 'rtl', // before: 'ltr', after: 'rtl'
      shadows: shadows.light,
      customShadows: customShadows.light,
    }),
   []
);
Related