# Stripe Apps の Spinner コンポーネント

Spinner コンポーネントを使用し、読み込み中であることを示します。

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

`Spinner` コンポーネントをアプリに追加するには、以下のようにします。

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

以下は、3 つのサイズの `Spinner` コンポーネントのプレビューです。

### Spinner プロパティ

| プロパティー  | タイプ                                                                    |
| ------- | ---------------------------------------------------------------------- |
| `delay` | (オプション)
  `number | undefined`

  アニメーションに適用される遅延。                     |
| `size`  | (オプション)
  `("small" | "medium" | "large") | undefined`

  コンポーネントのサイズ。 |


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

`Spinner` コンポーネントをアプリに追加するには、以下のようにします。

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

以下は、3 つのサイズの `Spinner` コンポーネントのプレビューです。

### Spinner プロパティ

| プロパティー  | タイプ                                                                    |
| ------- | ---------------------------------------------------------------------- |
| `delay` | (オプション)
  `number | undefined`

  アニメーションに適用される遅延。                     |
| `size`  | (オプション)
  `("small" | "medium" | "large") | undefined`

  コンポーネントのサイズ。 |


## See also

- [従うべき設計パターン](https://docs.stripe.com/stripe-apps/patterns.md)
- [アプリのスタイル設定](https://docs.stripe.com/stripe-apps/style.md)
- [UI テスト](https://docs.stripe.com/stripe-apps/ui-testing.md)