我可以更改 MUI 中标签的位置吗？

Question

我正在使用 Material UI 进行反应，我想更改文本字段中标签的位置并将其移到右侧，但因为它有运动，看起来不太好，我该如何更改？ 我希望它是这样的，但是白色的部分不动。

Answer 1

MUI v5 解决方案

1. 将dir 属性添加到您的body 标记或您要应用rtl 方向样式的任何容器中。
2. 设定方向

const theme = createTheme({
  direction: 'rtl',
});

1. 安装stylis-plugin-rtl
2. 加载 rtl 插件并将其包裹在您的组件周围

const cacheRtl = createCache({
  key: 'muirtl',
  stylisPlugins: [rtlPlugin],
});

function RTL(props) {
  return <CacheProvider value={cacheRtl}>{props.children}</CacheProvider>;
}

Working demo

Source MUI v5

Source MaterialUI v4