我想创建一个material-ui stepper元素，它看起来像这样：x1c 0d1x他们称之为具有替代标签放置的步进器元素。
我使用的是material-ui library，它实现了Google's Material Design。现在，该库中的所有示例都显示了内联标签放置，我没有看到任何属性可以使用替代标签放置。但我相信它是在某个时间点实现的，因为有discussion about it。
现在有没有办法为步进器设置替代标签位置？
我想创建一个material-ui stepper元素，它看起来像这样：x1c 0d1x他们称之为具有替代标签放置的步进器元素。
我使用的是material-ui library，它实现了Google's Material Design。现在，该库中的所有示例都显示了内联标签放置，我没有看到任何属性可以使用替代标签放置。但我相信它是在某个时间点实现的，因为有discussion about it。
现在有没有办法为步进器设置替代标签位置？
2条答案
按热度按时间tkqqtvp11#
根据他们的文档，通过在
Stepper组件上设置alternativeLabelprop ，可以将标签放置在步骤图标下方。hi3rlvi22#
你可以使用多元素定制的方式来改变你的标签位置。
在这里查看官方文档。
通过sx属性覆盖样式是更改标准行为的最简单方法。
您需要在浏览器的devtools中找到相关的CSS类，这些CSS类是由Material UI注入的。然后，通过使用标准样式规则，可以根据需要更改外观。