# Spinner

A component used as a placeholder when content is not yet available or to indicate that an action is being processed.

Tabs: [Guidelines](/components/web/spinner/spinner.guidelines.md) · [Code](/components/web/spinner/spinner.code.md)

## Features

- Will take the color of the text of the container element.

- Supports multiple sizes.

## Example

### Size

The size of the Spinner defaults to `16px`, but if you have extra room, a larger `24px` version is also available.

```tsx
<Spinner size={24} />
```

## Related components

- [Loading](/components/web/loading/loading.guidelines): A component used as a placeholder when content is not yet available or to indicate that an action is being processed.