Menu
How I can change the color of the active tab?
I mean, this pink line, look at the pic.
984
It can be done by using the &. Mui-selected selector.
1, you can do this: import Tabs from '@material-ui/core/Tabs'; import { withStyles } from '@material-ui/core/styles'; const StyledTabs = withStyles({ indicator: { backgroundColor: 'orange' } })(Tabs);
You can try this material UI latest version support TabIndicatorProps through which you can pass style key.
<Tabs TabIndicatorProps={{style: {background:'ANY_COLOR'}}}>...... Well, you have two options:
You could customize the theme:
http://www.material-ui.com/#/customization/themes
But the easiest way would be using the inkBarStyle property.
You can see it in the docs..
Example:
<Tabs inkBarStyle={{background: 'blue'}}>... If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
