# LoadingSize

> _Since v1.7.0_

Loading indicator size variant.

- `'large'`: 48x48px max - used for grid-level loading overlay (`grid.loading = true`)
- `'small'`: Follows row height - used for row/cell loading states

```ts
type LoadingSize = "large" | "small"
```

#### Example

```typescript
// Custom loading renderer adapting to size
const myLoader: LoadingRenderer = (ctx) => {
  if (ctx.size === 'large') {
    // Full overlay spinner
    return '<div class="spinner-lg"></div>';
  }
  // Inline row/cell spinner
  return '<span class="spinner-sm"></span>';
};
```

## See Also

- [`LoadingRenderer`](https://toolboxjs.com/grid/api/core/types/loadingrenderer.md) for custom loading renderer
- [`LoadingContext`](https://toolboxjs.com/grid/api/core/interfaces/loadingcontext.md) for context passed to renderers