Idiomas de derecha a izquierda como árabe, persa o hebreo son compatibles. Para cambiar la dirección de los componentes de Material-UI debe seguir los siguientes pasos.
## Pasos ### 1. HTML Asegúrese de que el atributo `dir` está establecido en el body, de lo contrario los componentes nativos no funcionarán: ```html ``` ### 2. Tema Establece la dirección en su tema personalizado: ```js const theme = createMuiTheme({ direction: 'rtl', }); ``` ### 3. jss-rtl Necesitas este plugin JSS para voltear los estilos: [jss-rtl](https://github.com/alitaheri/jss-rtl). ```sh npm install jss-rtl ``` Después de haber instalado el plugin en su proyecto, los componentes de Material-UI todavía requieren que se cargue por la instancia jss, como se describe a continuación. Internamente, withStyles está utilizando este plugin JSS cuando `dirección: 'rtl'` está establecido en el tema. Dirígete al [plugin README](https://github.com/alitaheri/jss-rtl) para aprender más sobre él. Una vez que haya creado una nueva instancia JSS con el plugin, necesitará ponerla a disposición de todos los componentes del árbol de componentes. The [`StylesProvider`](/styles/api/#stylesprovider) component enables this: ```jsx import { create } from 'jss'; import rtl from 'jss-rtl'; import { StylesProvider, jssPreset } from '@material-ui/core/styles'; // Configura JSS const jss = create({ plugins: [. .jsssPreset(). lugins, rtl()] }); function RTL(props) { return (