> ## Documentation Index
> Fetch the complete documentation index at: https://docs.attio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# <Widget.Loading />

> A loading state for a widget.

This is a component meant to be used as a [React Suspense](https://react.dev/reference/react/Suspense)
fallback while your widget is loading data.

<img className="dark:hidden" width="720" height="440" noZoom src="https://mintcdn.com/attio/2EyaTyByKNPeSVcd/images/widget-loading.png?fit=max&auto=format&n=2EyaTyByKNPeSVcd&q=85&s=953788b8466af2cc963d1b5da44523f5" data-path="images/widget-loading.png" />

<img className="hidden dark:block" width="720" height="440" noZoom src="https://mintcdn.com/attio/2EyaTyByKNPeSVcd/images/widget-loading-dark.png?fit=max&auto=format&n=2EyaTyByKNPeSVcd&q=85&s=1ab061d607c1e31f39d87c9b0308edc7" data-path="images/widget-loading-dark.png" />

```js theme={"system"}
import {Widget} from "attio/client"
```

## Example

```jsx theme={"system"}
<React.Suspense fallback={<Widget.Loading />}>
  <MySuspensefulWidget />
</React.Suspense>
```

## Props

None.