如何更改 MaterialUI 的 React Tabs 组件的下划线颜色？

Question

我注意到 MaterialUI 的网站上没有关于更改 Tabs 组件下划线颜色的文档......

http://www.material-ui.com/#/components/tabs

Answer 1

使用TabIndicatorProps属性更改下划线颜色。

<Tabs TabIndicatorProps={{style: {backgroundColor: "white"}}}>
   <Tab label='Tab 1'/>
   <Tab label='Tab 2'/>
</Tabs>