Skip to main content

AreaLoader


Loader fills the parent container with an overlay and renders an animated indefinite loader centered in it.

It is absolutely positioned so that it covers the closest relative container. Example usage:

<Card padding="24">
  <Box position="relative">
    {cardContent}
    {isLoading && <AreaLoader />}
  </Box>
</Card>

Example

Props

NameTypeDefault ValueRequiredDescription
messagestringNo

Related components