【问题标题】:Can I change the position of label in MUI?我可以更改 MUI 中标签的位置吗?
【发布时间】:2021-10-16 09:54:20
【问题描述】:

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

【问题讨论】:

    标签: reactjs material-ui


    【解决方案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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-12
      • 2020-10-24
      相关资源
      最近更新 更多