Category Archives: Material UI Blog

Material UI change active tab color


Material UI change active tab color– We can use inkBarStyle to change the active tab color in Material UI framework.


Material UI change active tab color Example

You can use inkBarStyle to chnage active tab color in Material UI. Here is an example of this-

Material UI change active tab color Example:

...

Material UI change font size


Material UI change font size– We can customize font in Material UI framework such as font-size, font color etc. Here in this article we are going to explain how to change font size in Material UI framework.


Material UI change font size Example

You can change Material UI font size by adding style simply as below-

Material UI change font size Example:


On the same way you can add other styles as well.

Material UI Change App Bar Title Color


Material UI Change App Bar Title Color– Sometimes we need custom color in App bar Title, we can change this color easily.


Material UI Change App Bar Title Color Example

We can change App Bar Title Color Simply as below-

Material UI Change App Bar Title Color Example:

const titleStyles = {
  title: {
    cursor: 'pointer'

  },
  color:{
    color: Colors.redA200
  }
};
 Title} titleStyle={titleStyles.color}>

On the same way you change other styles also.