# LoadingContext

> _Since v1.7.0_

Context passed to custom loading renderers.

Provides information about the loading indicator being rendered,
allowing the renderer to adapt its appearance based on the size variant.

#### Example

```typescript
const myLoadingRenderer: LoadingRenderer = (ctx: LoadingContext) => {
  if (ctx.size === 'large') {
    // Full-size spinner for grid-level loading
    return '<div class="large-spinner"></div>';
  } else {
    // Compact spinner for row/cell loading
    return '<div class="small-spinner"></div>';
  }
};
```

## Properties

| Property | Type | Description |
| -------- | ---- | ----------- |
| `size` | <code><a href="/grid/api/core/types/loadingsize/">LoadingSize</a></code> | The size variant being rendered: 'large' for grid-level, 'small' for row/cell |

## See Also

- [`LoadingRenderer`](/grid/api/core/types/loadingrenderer.md) for the renderer function signature
- [`LoadingSize`](/grid/api/core/types/loadingsize.md) for available size variants