# Spinner-Komponente für Stripe-Apps

Verwenden Sie die Sanduhr-Komponente, um anzuzeigen, dass etwas geladen wird.

# 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.

So fügen Sie Ihrer App die `Spinner` Komponente hinzu:

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

Dies ist eine Vorschau einer `Spinner`-Komponente in drei Größen:

### Spinner-Eigenschaften

| Eigenschaft | Typ                                                                                    |
| ----------- | -------------------------------------------------------------------------------------- |
| `delay`     | (Optional)
  `number | undefined`

  Auf die Animation angewendete Verzögerung.        |
| `size`      | (Optional)
  `("small" | "medium" | "large") | undefined`

  Die Größe der Komponente. |


# 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.

So fügen Sie Ihrer App die `Spinner` Komponente hinzu:

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

Dies ist eine Vorschau einer `Spinner`-Komponente in drei Größen:

### Spinner-Eigenschaften

| Eigenschaft | Typ                                                                                    |
| ----------- | -------------------------------------------------------------------------------------- |
| `delay`     | (Optional)
  `number | undefined`

  Auf die Animation angewendete Verzögerung.        |
| `size`      | (Optional)
  `("small" | "medium" | "large") | undefined`

  Die Größe der Komponente. |


## See also

- [Entwurfsmuster als Orientierung](https://docs.stripe.com/stripe-apps/patterns.md)
- [App gestalten](https://docs.stripe.com/stripe-apps/style.md)
- [Test der Nutzeroberfläche](https://docs.stripe.com/stripe-apps/ui-testing.md)