Image Bubble
CometChatImageBubble is the content view for a MediaMessage if the media sent is an image.
Properties
| Name | Type | Description |
|---|---|---|
| src | string | URL of the image |
| placeholderImage | string | A filler image to be shown while the actual image is downloading |
| imageStyle | ImageStyle | Styling properties and values of the element |
ImageStyle
Styling properties and values of the element
| Name | Description |
|---|---|
| width | Sets the width of the component |
| height | Sets the height of the component |
| border | Sets the border of the component |
| borderRadius | Sets the border radius of the component |
| background | Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link |
Events
Custom events dispatched by the element
| Name | Description |
|---|---|
| cc-image-clicked | Event emitted when user clicks on the image |
Usage
- HTML
<!--use the element-->
<cometchat-image-bubble
[src]="myCustomIcon"
></cometchat-image-bubble>