自定义步进器:StepLabel

时间:2016-09-16 07:16:19

标签: reactjs material-ui

我想将StepLabel圈子的内容从数字修改为一些自定义文本。 enter image description here

我该怎么做?

另外,我可以设置标签的图标,但是可以为编号的圆圈设置其他样式?

1 个答案:

答案 0 :(得分:1)

icon的{​​{1}}道具接受数字,字符串或React组件。因此,您可以在其中添加自定义文本,甚至是自定义图标。

但是,现在,此<StepLabel>的包装器<span>已修复为:

icon

因此,这意味着如果文本很长,或者即使放入大宽度节点,“标签”部分也不会被适当放置。但是,您可以通过在“标签”部分添加边距来抵消它。

以下示例显示了此操作:http://www.webpackbin.com/EkWu2Mr3-