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

# LoadingState 📌

A component that is used to show a loading state. Shows a spinner by default. If 'timedOut' flag is set then it shows a timeout version.

{% hint style="info" %}

#### System Component 📌

This component is shipped with BlueBase Core.
{% endhint %}

## Usage

```jsx
import { LoadingState } from '@bluebase/core';

// Then somewhere in your app:
<LoadingState timedOut={false} retry={retryFunction}/>
```

## Properties

| prop     | type     | required | default | description                                     |
| -------- | -------- | -------- | ------- | ----------------------------------------------- |
| timedOut | boolean  | *no*     | -       | Flag if loading has timedOut.                   |
| retry    | Function | *no*     | -       | Callback function when Retry button is pressed. |
| testID   | string   | *no*     | -       | Used to locate this view in end-to-end tests.   |