Skip to main content

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?