# LoadingIndicatorComponent

> **Info:** This is release candidate documentation for **Stream Chat Angular SDK v8**. For the latest stable version, see the [latest version (v7)](https://getstream.io/chat/docs/sdk/angular/).

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'"
    ></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/v8/services/CustomTemplatesService/)

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

## Inputs and outputs

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

---

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