Material-ui切換標籤，我如何擁有左側，右側和頂部標籤？

Question

我想製作一個切換開關，其中有一個標籤位於切換開關的每一側和頂部標籤。

E.g.我正在嘗試做左/右開關。

輸出將看起來像這樣。

                 側
左[切換]右

這是切換代碼：

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

Answer 1

材料UI只支持左側或右側的標籤。您必須使用HTML和CSS將標籤定位到其他兩個位置。

在這種情況下，我建議不要使用標籤屬性，只要將Toggle中的某些跨度包含在內，以顯示相應的文本。