MaterialUI React Tabs Underline Thickness

Question

How can I change the underline line thickness of a Material Tab in React? Trying to modify code below.

How can I change the underline color of MaterialUI's React Tabs component?

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

Answer 1

You can add height: <value_in_pixel> to the style prop of TabIndicatorProps like this:

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

You can take a look at this StackBlitz for a live working example of this solution.