# Spinner

### Styles

* Flexbox Styles
* View Styles
* Transform Styles

### Props

| Name          | Type                                       | Description                                              |
| ------------- | ------------------------------------------ | -------------------------------------------------------- |
| **color**     | `color`                                    | <ul><li>Color of indicator</li></ul>                     |
| **deferTime** | `number`                                   | <ul><li>Number of ms to wait before displaying</li></ul> |
| **size**      | `'large' \| 'medium' \| 'small' \| 'tiny'` | <ul><li>Size of indicator</li></ul>                      |
| **testId**    | `string`                                   | <ul><li>ID for testing purposes</li></ul>                |

### Examples

```jsx
<View style={styles.root}>
  {loading &&
    <ActivityIndicator color="#ffffff" size="medium" />
  }
</View>
```