How to create material-ui dialog box with transparent background color and change its height?

Question

I\'m trying to create a loading status indicator using material ui. But I want the background color of dialogue box as none and also want to adjust the height. But

Answer 1

There is the component CircularProgress which you can use directly (instead of building a loding indicator by using Dialog: http://www.material-ui.com/#/components/circular-progress

You can place the loading indicator in a div which is placed in the middle of the page:

JSX:

CSS:

.my-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-
}