自定义步进器：StepLabel

Question

我想将 StepLabel 圆圈的内容从数字修改为一些自定义文本。

我该怎么做？

此外，我可以为标签设置图标，但是可以为编号的圆圈设置哪些其他样式？

Answer 1

<StepLabel> 的 icon 属性接受数字、字符串或 React 组件。因此，您可以在其中放入自定义文本，甚至是自定义图标。

但是，现在，此 icon 的包装器 <span> 已修复：

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

所以这意味着如果你的文字很长，或者即使你放入了一个大宽度的节点，"label"部分也不会被适当地放置。但是，您可以通过在 "label" 部分添加边距来抵消它来解决这个问题。

Customizing Stepper : StepLabel