Understanding component theme settings

Themes can override styles that are specific to component types, such as buttons or drawers. This is useful when you need to apply a style change to every instance of the component in the app. In other words, the style is part of the overall theme, but it applies to just one type of component instead of the color palette for example, which applies to almost every Material-UI component.

How to do it

Let's say that you want the title and the actions of Dialog components centered. Since you want the same style applied for every Dialog component in your app, the theme is the right place to override this setting. Here's how to do it:

import React from 'react';

import {
 ...