How change active tab color in React material-ui?

material-ui
none picture none · May 19, 2016 · Viewed 39.5k times · Source

How I can change the color of the active tab?

I mean, this pink line, look at the pic.

enter image description here

Answer

André Junges picture André Junges · May 19, 2016

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'}}>...

Related questions

× TypeError: Cannot read properties of undefined (reading 'map')

When I try to run this code it gives me this error: × TypeError: Cannot read properties of undefined (reading 'map') I don't know why. I have tried possible means, but it didn't work. import React from 'react'; import Grid from …

Read More
Invalid hook call. Hooks can only be called inside of the body of a function component

I am new to React and Now I would like to show some record in the table and now I got this error. Help me, please. Invalid hook call. Hooks can only be called inside of the body of a …

Read More
What does the error "JSX element type '...' does not have any construct or call signatures" mean?

I wrote some code: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } I'm getting an error: JSX element type Elem does not have any construct or call signatures …

Read More