Material-ui切换标签，我如何拥有左侧，右侧和顶部标签？

Question

我想制作一个切换开关，其中有一个标签位于切换开关的每一侧和顶部标签。

E.g.我正在尝试做左/右开关。

输出将看起来像这样。

                 侧
左[切换]右

这是切换代码：

<Toggle 
               floatingLabelText="Side" 
               label="Side" 
               labelPosition="right" 
               style={styles.toggle} 
              /> 

Answer 1

材料UI只支持左侧或右侧的标签。您必须使用HTML和CSS将标签定位到其他两个位置。

在这种情况下，我建议不要使用标签属性，只要将Toggle中的某些跨度包含在内，以显示相应的文本。