# LoadingIndicatorComponent

The `LoadingIndicator` component displays a spinner to indicate that an action is in progress.

## Basic usage

A typical use case for the `LoadingIndicator` component would be to use in your custom components that will completely override a message component, or similar.

```typescript
@Component({
  selector: "app-custom-message",
  template: `
    <stream-loading-indicator
      *ngIf="message.status === 'sending'"
      [size]="20"
    ></stream-loading-indicator>
    <!-- Other parts of the custom message component -->
  `,
})
export class CustomMessageComponent {
  @Input() message: StreamMessage;
}
```

## Customization

You can provide your own loading indicator component by the [`CustomTemplatesService`](https://getstream.io/chat/docs/sdk/angular/v5/services/CustomTemplatesService/)

[//]: # "Start of generated content"
[//]: # "End of generated content"


---

This page was last updated at 2026-08-11T17:19:01.209Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/angular/v5/components/LoadingIndicatorComponent/](https://getstream.io/chat/docs/sdk/angular/v5/components/LoadingIndicatorComponent/).