Spinner-Komponente für Stripe-Apps

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

SDK-Version

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

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

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

Beispiel wird geladen ...

<Box
  css={{
    stack: 'y',
    gap: 'medium',
    alignX: 'center',
    backgroundColor: 'surface',
    padding: 'medium',
    borderRadius: 'medium',
  }}
>
  <Spinner size="small" />
  <Spinner />
  <Spinner size="large" />
</Box>

Spinner-Eigenschaften

Eigenschaft Typ

Eigenschaft	Typ
`delay`	Optional `number \| undefined` Auf die Animation angewendete Verzögerung.
`size`	Optional `("small" \| "medium" \| "large") \| undefined` Die Größe der Komponente.

delay

Optional

number | undefined

Auf die Animation angewendete Verzögerung.

size

Optional

("small" | "medium" | "large") | undefined

Die Größe der Komponente.

Siehe auch

Entwurfsmuster als Orientierung
App gestalten
Test der Nutzeroberfläche