Skip to main content
Version: v4

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

Inputs and outputs

size

size: number = 15

The size of the indicator (in pixels)

Defined in

lib/loading-indicator/loading-indicator.component.ts:16


color

color: string

The color of the indicator

Defined in

lib/loading-indicator/loading-indicator.component.ts:21

Did you find this page helpful?