---
name: ActivityIndicator
---

import { Playground, Props } from 'docz'
import ActivityIndicator from '../ActivityIndicator'
import ActivityIndicatorButton from './ActivityIndicatorButton'

# ActivityIndicator

## with nothing

<Playground>
  <ActivityIndicator />
</Playground>

## with text

<Playground>
  <ActivityIndicator text="Loading..." />
</Playground>

## with large size and customized text style

<Playground>
  <ActivityIndicator size="large" />
  <span style={{ marginTop: 8 }}>Loading...</span>
</Playground>

## with toast

<Playground>
  <ActivityIndicatorButton visible={false} />
</Playground>

## Props

<Props of={ActivityIndicator} />