search

mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.42k stars 32.15k forks source link

change style of tabIndicator #10131

Closed hessamnadr closed 6 years ago

hessamnadr commented 6 years ago

I have searched the issues of this repository and believe that this is not a duplicate.

Context

for change color and position of tab indicator (ink bar) in tabs haven't props or classes or another parameter. I search my problem on issues and StackOverflow but not find a solution for this.

Tech Version
Material-UI 1.0.0-beta.30
React 16.2.0
support[bot] commented 6 years ago

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however, this issue appears to be a support request or question. Please ask on StackOverflow where the community will do their best to help. There is a "material-ui" tag that you can use to tag your question.

If you would like to link from here to your question on SO, it will help others find it. If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

oliviertassinari commented 6 years ago

Tip: you can use the indicatorClassName property.

yaminyaylo commented 6 years ago

Doesn't work in .42 version. We have no clear solution how to customize it.

Any solutions?

oliviertassinari commented 6 years ago

@yaminyaylo https://material-ui.com/demos/tabs/#customized-tabs

yaminyaylo commented 6 years ago

Thanks @oliviertassinari,

but I have the case when I have to customize indicatorColor (primary and secondary) prop for Tabs on one screen, without global styles. And colors of primary and secondary is not from palette.

yaminyaylo commented 6 years ago

@oliviertassinari don't you think it's worth adding TabIndicator element (with CSS Api) to a Component Api?

oliviertassinari commented 6 years ago

@yaminyaylo Let's move the discussing to #11085. It's a duplicate.