# Spinner

A component that displays a spinning animation.

## Import

```tsx
import { Spinner } from '@coinbase/cds-mobile/loaders/Spinner'
```

## Examples

Basic example

```jsx
<Spinner />
```

Large spinner

```jsx
<Spinner size="large" />
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `animating` | `boolean` | No | `-` | Whether to show the indicator (true, the default) or hide it (false). |
| `color` | `string \| OpaqueColorValue` | No | `-` | The foreground color of the spinner (default is gray). |
| `hidesWhenStopped` | `boolean` | No | `-` | Whether the indicator should hide when not animating (true by default). |
| `onPointerCancel` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerCancelCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerDown` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerDownCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerEnter` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerEnterCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerLeave` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerLeaveCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerMove` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerMoveCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerUp` | `((event: PointerEvent) => void)` | No | `-` | - |
| `onPointerUpCapture` | `((event: PointerEvent) => void)` | No | `-` | - |
| `size` | `number \| small \| large` | No | `-` | Size of the indicator. Small has a height of 20, large has a height of 36.  enum(small, large) |
| `style` | `null \| false \| ViewStyle \| RegisteredStyle<ViewStyle> \| RecursiveArray<ViewStyle \| Falsy \| RegisteredStyle<ViewStyle>>` | No | `-` | - |
| `testID` | `string` | No | `-` | Used to locate this view in end-to-end tests. |


