How to center Dialog title in MUI?

Question

How can I center the DialogTitle (MUI)? My code:

<Dialog
   open={this.state.open}
   titleStyle = {styles.Dialog}
   title='Title centered please!'
   actions={standardActions}
   onRequestClose={this.handleRequestClose}
>

  Dialog boby...
</Dialog>

title with text "Ingreso de Procedimientos" centered please

Answer 1

I believe this is the shortest way in MUI v5. It is possible because DialogTitle returns a styled Typography which leverages system properties.

<DialogTitle textAlign="center">

Live Demo

Answer 2

This works for me:

<Dialog
   titleStyle={{textAlign: "center"}}
   ... />

Answer 3

u can just simply use the dialog title component and add typography component in there

<DialogTitle>
  <Typography variant="h3" align="center">Centered Title</Typography>
</DialogTitle>

hope this help :))