自定義步進器：StepLabel

Question

我想將StepLabel圓圈的內容從數字修改爲某些自定義文本。

我該怎麼做？

此外，我可以設置標籤的圖標，但可以爲編號的圓圈完成其他樣式？

Answer 1

<StepLabel>的icon prop支持數字，字符串或React組件。因此，您可以在其中放入自定義文本，甚至可以放入自定義圖標。

然而，現在，這個icon包裝<span>是固定的：

iconContainer: { 
    display: 'flex', 
    alignItems: 'center', 
    paddingRight: 8, 
    width: 24, 
}, 

因此，這意味着，如果你的文字很長，或者即使你在一個大寬度的節點，在「標籤「部分將不適當放置。但是，您可以通過向「標籤」部分添加邊距來抵消該問題，從而解決此問題。

這裏是表示這個動作的一個示例：http://www.webpackbin.com/EkWu2Mr3-