How to create MUI Dialog with transparent background color?
<p>I'm trying to create a loading status indicator using MUI. But I want the background color of dialogue box as <code>none</code> and also want to adjust the height. But I'm not able to do it by the style option provided by them. Any solution?</p>
<p><a href="https://i.stack.imgur.com/S1k8X.png" rel="noreferrer">Now it looks like this..</a></p>
<p><img src="https://i.stack.imgur.com/S1k8X.png" alt="1" /></p>
<p>Code looks like this:</p>
<pre><code>&lt;Dialog
  open={true}
  style={{width: '200px', marginLeft: '40%', backgroundColor: 'transparent'}}
  title= 'Loading'
  titleStyle={{paddingTop: '0px', paddingLeft: '45px', fontSize: '15px', lineHeight: '40px'}}
&gt;
    &lt;RefreshIndicator
      style= {{display: 'inline-block'}}
      size={50}
      left={50}
      top={30}
      loadingColor=&quot;#FF9800&quot;
      status=&quot;loading&quot;    
    /&gt;
&lt;/Dialog&gt;
</code></pre>