> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Bubble

> Image Bubble — CometChat documentation.

`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](/ui-kit/angular/v4/image-bubble#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](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |

## Events

Custom events dispatched by the element

| Name | Description |
| - | - |
| cc-image-clicked | Event emitted when user clicks on the image |

## Usage

<Tabs>
  <Tab title="HTML">
    ```html theme={null}
    <!--use the element-->
    <cometchat-image-bubble
    [src]="myCustomIcon"
    ></cometchat-image-bubble>
    ```
  </Tab>
</Tabs>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.