> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/indicators/loading.md).

# Loading

This component should be used when you want to show an indicator that some information is being loaded. If you want to show the percentage of information loaded, it is better to use [Progress](/altrone-ui/components/indicators/progress.md) with circular variant. 

{% hint style="warning" %}
This component is available only in **Altrone 2.0** and later
{% endhint %}

```tsx
import { Loading, Size } from 'altrone-ui';

return <Loading size={Size.small} color="#ff0000" />
```

## Properties

| Property        | Type                                      | Description                                                             |
| --------------- | ----------------------------------------- | ----------------------------------------------------------------------- |
| **`size`**      | [`Size`](/altrone-ui/utils/enums/size.md) | Size of the spinner. Default value is undefined                         |
| **`color`**     | `string`                                  | Active color of the spinner. By default used `--textColor` css variable |
| **`className`** | `string`                                  | Custom CSS class                                                        |

## History

* **`Altrone 2.0`**: initial release