Info:
This is documentation for Stream Chat Angular SDK v5, which is no longer actively maintained. For up-to-date documentation, see the latest version (v7).

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.

@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

Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat Angular v5: <Your Question>