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

Directly you can use CircularProgress with css properties, zIndex and opacity, Try this:

mainLoader: { 
    position: 'absolute',
    paddingTop: '15%',      
    width: '100%',
    height: '100%',
    zIndex: 1000,
    backgroundColor: '#000000',
    opacity: 0.5,
    textAlign: 'center',
}

It will cover the entire screen with .5 opacity and specified background.