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?