LoadingContext

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

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	LoadingSize	The size variant being rendered: ‘large’ for grid-level, ‘small’ for row/cell

See Also

• LoadingRenderer for the renderer function signature
• LoadingSize for available size variants