score:8

Accepted answer

you just need to use (with styles overriding) :

classes={{
 input: classes.inputCenter
}}

and the styles should be:

const styles = theme => ({
  inputCenter: {
    textAlign: "center",
    color: "red"
  }
});

go through the documentation from here: https://material-ui.com/api/input/#css-api

here is a working example: https://codesandbox.io/s/n9nr9x8xo0

hope this will help you.

score:3

Please Use

<Typography align="centre|right" />

If you have specific font already set then use above solution with withStyle HOC


Related Query

More Query from same tag