IconComponent
The Icon
component can be used to display different icons (i. e. message delivered icon).
#
Basic usageA 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;
}
#
CustomizationYou 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#
size• size: undefined
| number
The size of the icon (in pixels)