Skip to main content
Version: v4

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​

You can provide your own icon component by the CustomTemplatesService

Inputs and outputs​

icon​

• icon: undefined | Icon

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

Defined in​

lib/icon/icon.component.ts:42

size​

• size: undefined | number

The size of the icon (in pixels)

Defined in​

lib/icon/icon.component.ts:46

Did you find this page helpful?