# Spinner component for Stripe Apps

Use the Spinner component to indicate something is loading.

# v8

> This is a v8 for when app-sdk-version is 8. View the full page at https://docs.stripe.com/stripe-apps/components/spinner?app-sdk-version=8.

To add the `Spinner` component to your app:

```js
import {Spinner} from '@stripe/ui-extension-sdk/ui';
```

This is a preview of a `Spinner` component in three sizes:

### Spinner props

| Property | Type                                                                                    |
| -------- | --------------------------------------------------------------------------------------- |
| `delay`  | (Optional)
  `number | undefined`

  Delay applied to animation.                        |
| `size`   | (Optional)
  `("small" | "medium" | "large") | undefined`

  The size of the component. |


# v9

> This is a v9 for when app-sdk-version is 9. View the full page at https://docs.stripe.com/stripe-apps/components/spinner?app-sdk-version=9.

To add the `Spinner` component to your app:

```js
import {Spinner} from '@stripe/ui-extension-sdk/ui';
```

This is a preview of a `Spinner` component in three sizes:

### Spinner props

| Property | Type                                                                                    |
| -------- | --------------------------------------------------------------------------------------- |
| `delay`  | (Optional)
  `number | undefined`

  Delay applied to animation.                        |
| `size`   | (Optional)
  `("small" | "medium" | "large") | undefined`

  The size of the component. |


## See also

- [Design patterns to follow](https://docs.stripe.com/stripe-apps/patterns.md)
- [Style your app](https://docs.stripe.com/stripe-apps/style.md)
- [UI testing](https://docs.stripe.com/stripe-apps/ui-testing.md)