frontity-chakra-theme/src/components/loading.js

A frontity theme made with Chakra UI

import { Box, CircularProgress } from "@chakra-ui/react";

const Loading = () => (
  <Box
    mx="auto"
    p="24px"
    display="flex"
    alignItems="center"
    justifyContent="center"
    minH="inherit"
  >
    <CircularProgress
      css={{
        "[data-progress-indicator]": {
          color: "#eca419"
        }
      }}
      isIndeterminate
    />
  </Box>
);

export default Loading;