Spinner component for Stripe Apps
Use the Spinner component to indicate something is loading.
SDK version
To add the Spinner component to your app:
This is a preview of a Spinner component in three sizes:
Loading example...
<Box
css={{
stack: 'y',
gap: 'medium',
alignX: 'center',
backgroundColor: 'surface',
padding: 'medium',
borderRadius: 'medium',
}}
>
<Spinner size="small" />
<Spinner />
<Spinner size="large" />
</Box>
Spinner props
| Property | Type |
|---|---|
delay | Optional number | undefined Delay applied to animation. |
size | Optional ("small" | "medium" | "large") | undefined The size of the component. |