March 2019
Intermediate to advanced
534 pages
14h 52m
English
Let's take a closer look at the overrides section of the theme:
overrides: { MuiDialogTitle: { root: { textAlign: 'center' } }, MuiDialogActions: { root: { justifyContent: 'center' } }},
The MuiDialogTitle key corresponds to the DialogTitle component, while the MuiDialogActions key corresponds to the DialogActions component. The root key used in both objects is the name of the rule. In more complex components, you can use these keys to target specific parts of the component. The API documentation for each component spells out each of these style rule names that you can target. Then, it's a matter of overriding or providing new styles. The textAlign property isn't set by default on the DialogTitle component, so you're adding ...
Read now
Unlock full access