首页 > 解决方案 > 在 Material UI 中更改 Tabs 指示器的位置

问题描述

我正在尝试将指示器的位置设置为 TAB 的顶部而不是底部,例如:

这里

我检查并尝试更新 CSS,但没有奏效。我是新手,所以我无法自定义组件。

标签: reactjsmaterial-ui

解决方案


我在代码沙盒中创建了一个示例,与您分享。

https://codesandbox.io/s/usage-p0y9t?file=/index.js

您可以将属性类传递给 Tabs 以覆盖内部类。在这种情况下,您可以将新类传递给指标并覆盖其样式。看看下面的链接

https://material-ui.com/api/tabs/#css


推荐阅读