@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;
}
This is documentation for
Stream Chat Angular SDK v5, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v6)
.
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.
Customization
You can provide your own loading indicator component by the CustomTemplatesService
- I'm working with the Stream Chat Angular SDK and would like to ask questions about this documentation page: https://getstream.io/chat/docs/sdk/angular/v5/components/LoadingIndicatorComponent.md
- View as markdown
- Open in ChatGPT
- Open in Claude
On this page: