Loading Dots

Indicate an action running in the background.

Code Editor

<Container>
  <Container>
    <LoadingDots />
  </Container>

  <Container>
    <LoadingDots size={4} />
  </Container>
</Container>

<Container>
  <Container>
    <LoadingDots />
  </Container>

  <Container>
    <LoadingDots size={4} />
  </Container>
</Container>

Code Editor

<LoadingDots size={4}>
  <Text type="secondary">Loading</Text>
</LoadingDots>

<LoadingDots size={4}>
  <Text type="secondary">Loading</Text>
</LoadingDots>