This is documentation for the release candidate Stream Chat Angular SDK v6. For the latest stable version, see the latest version (v5).

IconComponent

The Icon component can be used to display different icons (i. e. message delivered icon).

Basic usage

A typical use case for the Icon component would be to use in your custom components.

@Component({
  selector: "app-custom-message",
  template: `
    <stream-icon icon="delivered-icon"></stream-icon>
    <!-- Other parts of the custom message component -->
  `,
})
export class CustomMessageComponent {
  @Input() message: StreamMessage;
}

Customization

Please refer to the theming docs

Inputs and outputs

icon

icon: undefined | Icon

The icon to display, the list of supported icons can be found on GitHub.

Defined in

projects/stream-chat-angular/src/lib/icon/icon.component.ts:39

ChannelPreviewComponent

IconPlaceholderComponent