---
name: Spinner
package: '@wordpress/ui'
category: Feedback
status: stable
canonical: 'https://system.automattic.design/components/spinner/'
storybook: 'https://wordpress.github.io/gutenberg/?path=/docs/design-system-components-spinner--docs'
github: 'https://github.com/WordPress/gutenberg/tree/trunk/packages/ui/src/spinner'
---

# Spinner

A component used to notify users that their action is being processed.

```tsx
import { Spinner } from '@wordpress/ui';
```

## Examples

### Default

```tsx
const Default = () => <Spinner />;
```

### Custom Size

```tsx
const CustomSize = () => <Spinner
    style={{
        width: 'var(--wpds-dimension-size-lg)',
        height: 'var(--wpds-dimension-size-lg)',
    }} />;
```