---
name: Spinner
menu: Patterns
parent: Modules
route: /patterns/spinner
---

# Spinner

Spinner indicates that an action is being processed.

## Example

```specimen-react
<Spinner />
```

## Configurations

It can be centered through the `centered` prop:

```specimen-react
<Spinner centered={true} />
```

You can change the color with the color prop

```specimen-react
<Spinner color="pink" />
```

You can change the size with the size prop

```specimen-react
<Spinner size="saturn" />
```
