LoadMask

The load mask displays when fetching data from the server.

Import
import LoadMask from 'react-storefront/LoadMask'

Props

NameTypeDefaultDescription
showboolfalse

Set to true to display the load mask, otherwise it will be hidden. Defaults to false.

fullscreenboolfalse

Set to true to toggle the overflow style on the body when showing. Defaults to false

transparentbool

Set to true to show the partially show the background through the load mask

alignenum : 'center' |
'top'
'center'

Set to top to show the spinner near the top. Defaults to 'center'

CSS API

You can override all the class names injected by Moov-PWA thanks to the classes property. This property accepts the following keys:

  • root
  • fullscreen
  • transparent
  • alignTop
  • show