LoadingContainer

A component that wraps `children` with an `HvLoading` component and and an overlay background with opacity.

My content

hidden

opacity



<HvLoadingContainer opacity="0.8">
<div
  style={{
    alignItems: 'center',
    backgroundColor: 'lightgray',
    display: 'flex',
    height: 200,
    justifyContent: 'center'
  }}
>
  My content
</div>
</HvLoadingContainer>


<HvLoadingContainer opacity="0.8">
<div
  style={{
    alignItems: 'center',
    backgroundColor: 'lightgray',
    display: 'flex',
    height: 200,
    justifyContent: 'center'
  }}
>
  My content
</div>
</HvLoadingContainer>

Loading Section